box-shadow

語法:

box-shadow:none | <shadow> [ , <shadow> ]*

<shadow> = inset? && [ <length>{2,4} && <color>? ]

默認值 none

取值:

none:
無陰影
<length>①:
第1個長度值用來設置對象的陰影水平偏移值。可以爲負值
<length>②:
第2個長度值用來設置對象的陰影垂直偏移值。可以爲負值
<length>③:
如果提供了第3個長度值則用來設置對象的陰影模糊值。不允許負值
<length>④:
如果提供了第4個長度值則用來設置對象的陰影外延值。不允許負值
<color>
設置對象的陰影的顔色。
inset:
設置對象的陰影類型爲內陰影。該值爲空時,則對象的陰影類型爲外陰影

說明:

設置或檢索對象陰影。參閱text-shadow屬性
  • 可以設定多組效果,每組參數值以逗號分隔。
  • 對應的腳本特性爲boxShadow

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
較早版本 6.0-8.0 4.0 5.1 13.0 11.50
較新版本 9.0

示例: