JavaScript HTML DOM Style boxShadow 属性
-
boxShadow 属性
boxShadow属性设置或返回box元素的阴影。将一个box-shadow添加到div元素:
尝试一下document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";
-
浏览器支持
项 IE/Edge Chrome FireFox Safari Opera 属性 boxShadow 9.0+支持支持5.1.1+支持 -
语法
返回boxShadow属性:object.style.boxShadow设置boxShadow属性:object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"注意: boxShadow属性会在框中附加一个或多个阴影。该属性是以逗号分隔的阴影列表,每个阴影由2-4个长度值,可选颜色和可选的inset关键字指定。省略的长度为0。 -
属性值
值 描述 none 默认值。 没有阴影显示 h-shadow 需要。 水平阴影的位置。 允许负值 v-shadow 需要。 垂直阴影的位置。 允许负值 blur 可选的。 模糊距离 spread 可选的。 阴影的大小 color 可选的。 阴影的颜色。 默认值为黑色。 查看CSS颜色值以获取可能颜色值的完整列表。注意:在Safari(在PC上),颜色参数是必需的。 如果未指定颜色,则根本不显示阴影。 inset 可选的。 将阴影从外阴影(一开始)更改为内阴影 initial 将此属性设置为其默认值。 阅读有关initial信息 inherit 从其父元素继承此属性。 阅读有关inherit的信息 -
技术细节
项目 描述 默认值: none 返回值: 一个字符串,表示元素的box-shadow属性 CSS版本 CSS3 -
相关页面
CSS参考:border-width属性