box-shadow

重要訊息：
本文件為初步資訊而且可能隨時變更。

設定以逗號分隔的陰影清單，以便將一或多個延伸陰影附加到目前的方塊。

語法

{ box-shadow: sShadow }

可能的值

sShadow

指定下列其中一個值的字串：

none	預設值。表示沒有陰影。
shadow	一份以逗號分隔的陰影清單，每個陰影各以兩個到四個非零的 length 值、選用的 color，以及選用的 inset 關鍵字來指定。如需相關用法的具體資訊，請參閱 備註 。

此屬性的預設值為 none 。這不是繼承屬性。

備註

box-shadow 屬性可以指定一或多個延伸陰影。每個陰影的元件解譯如下：

• 必要：第一個 length 是陰影的水平位移。正數值會繪製一個往方塊右側位移的陰影，而負數的長度則是往左側位移。

• 必要：第二個 length 是垂直位移。正數值會將陰影住下方位移，負數值則會往上方位移。

• 選用：第三個 length 是模糊距離。不允許負值。如果模糊值是零，陰影的邊緣就會非常清晰。否則，值愈大，陰影的邊緣就會愈模糊。

• 選用：第四個 length 是擴散距離。正數值會讓陰影圖形按照指定的半徑向所有方向擴張。負數值則會讓陰影圖形內縮。

• 選用：color 是陰影的色彩。

• 選用： inset 關鍵字 (如果有的話) 會將延伸陰影從外陰影 (將方塊的陰影投射在畫布上，如同方塊浮在畫布上) 變更為內陰影 (將畫布的陰影投射在方塊上，如同從畫布上剪下方塊，並將方塊挪到畫布後方)。

標準資訊

您可以在 CSS Backgrounds and Borders Module Level 3 (CSS 背景與框線模組層級 3)  找到此屬性的定義。

適用範圍

a, address, b, big, blockquote, body, button, caption, center, cite, code, col, colgroup, custom, dd, defaults, dfn, div, dl, dt, em, fieldset, form, hn, html, i, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, li, ol, p, s, span, sub, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, xmp