最新的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