JavaScript HTML DOM Style textShadow 属性

  • textShadow 属性

    textShadow属性为文本设置或返回一个或多个阴影效果。
    在文本中添加阴影:
    document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    textShadow
    10.0+
    支持
    支持
    支持
    支持
  • 语法

    返回textShadow属性:
    object.style.textShadow
    设置textShadow属性:
    object.style.textShadow = "none|h-shadow v-shadow blur color|initial|inherit"
    注意: textShadow属性将一个或多个阴影附加到文本。该属性是以逗号分隔的阴影列表,每个阴影由2或3个长度值和可选颜色指定。省略的长度为0。
  • 属性值

    描述
    none 没有阴影被绘制。 这是默认值
    h-shadow 需要。 水平阴影的位置。 允许负值
    v-shadow 需要。 垂直阴影的位置。 允许负值
    blur 可选的。 模糊距离
    color 可选的。 阴影的颜色。 查看CSS颜色值以获取可能颜色值的完整列表
    initial 设置这个属性为默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: none
    返回值: 一个字符串,表示应用于元素文本的阴影效果的逗号分隔列表
    CSS版本 CSS1
  • 更多例子

    返回文字阴影:
    alert(document.getElementById("myP").style.textShadow);
    
    尝试一下
  • 相关页面

    CSS参考:CSS 文本