CSS3 text-shadow 屬性
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。
屬性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
屬性定義及使用說明
text-shadow 屬性應(yīng)用于陰影文本。
默認(rèn)值: | none |
---|---|
繼承: | yes |
版本: | CSS3 |
JavaScript 語法: | object.style.textShadow="2px 2px #ff0000" |
語法
text-shadow: h-shadow v-shadow blur color;
注意: text-shadow屬性連接一個或更多的陰影文本。屬性是陰影,指定的每2或3個長度值和一個可選的顏色值用逗號分隔開來。已失時效的長度為0。
值 | 描述 |
---|---|
h-shadow | 必需。水平陰影的位置。允許負(fù)值。 |
v-shadow | 必需。垂直陰影的位置。允許負(fù)值。 |
blur | 可選。模糊的距離。 |
color | 可選。陰影的顏色。參閱 CSS 顏色值。 |

更多實(shí)例
文字陰影模糊效果
這個例子演示了一個文字陰影模糊效果。
白色文字上的文字陰影
這個例子演示了一個白色的文本文字陰影。
氖輝光文字陰影
這個例子演示了用霓虹燈的光芒文字陰影。
相關(guān)文章
CSS3 教程: CSS3 Text Effects
更多建議: