最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style boxShadow Property

例

添加的box-shadow的div元素：

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

定义和用法

该boxShadow属性设置或返回一个框元素的下拉阴影。

浏览器支持

该boxShadow属性在IE9 +，火狐，Chrome，Opera和Safari 5.1.1的支持。

句法

返回boxShadow属性：

object .style.boxShadow

设置boxShadow属性：

object .style.boxShadow="none| Note:该boxShadow属性附加一个或多个下拉阴影的框。 该属性是逗号分隔的阴影列表中，由2-4长度值，可选的颜色，和一个可选关键字插入每个指定。省略长度为0。

属性值

值	描述
none	默认值。不显示任何阴影
h-shadow	需要。水平阴影的位置。允许使用负值
v-shadow	需要。垂直阴影的位置。允许使用负值
blur	可选的。模糊距离
spread	可选的。影子的大小
color	可选的。颜色的阴影。默认值是黑色。看看CSS颜色值可能的颜色值的完整列表。注：在Safari (on PC) ，需要的颜色参数。如果不指定颜色，阴影不显示在所有。
inset	可选的。从外阴影的阴影变化(outset)到内侧阴影
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	没有
返回值：	一个字符串，表示元素的箱阴影属性
CSS版本	CSS3

相关页面

CSS参考： box-shadow property