CSS3 教程
CSS3 text-shadow 屬性
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
| 屬性 | |||||
|---|---|---|---|---|---|
| text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
屬性定義及使用說(shuō)明
text-shadow 屬性應(yīng)用于陰影文本。
| 默認(rèn)值： | none |
|---|---|
| 繼承： | yes |
| 版本： | CSS3 |
| JavaScript 語(yǔ)法： | object.style.textShadow="2px 2px #ff0000" |
語(yǔ)法
text-shadow: h-shadow v-shadow blur color;
注意： text-shadow屬性連接一個(gè)或更多的陰影文本。屬性是陰影，指定的每2或3個(gè)長(zhǎng)度值和一個(gè)可選的顏色值用逗號(hào)分隔開(kāi)來(lái)。已失時(shí)效的長(zhǎng)度為0。
| 值 | 描述 |
|---|---|
| h-shadow | 必需。水平陰影的位置。允許負(fù)值。 |
| v-shadow | 必需。垂直陰影的位置。允許負(fù)值。 |
| blur | 可選。模糊的距離。 |
| color | 可選。陰影的顏色。參閱 CSS 顏色值。 |
更多實(shí)例
文字陰影模糊效果
這個(gè)例子演示了一個(gè)文字陰影模糊效果。
白色文字上的文字陰影
這個(gè)例子演示了一個(gè)白色的文本文字陰影。
氖輝光文字陰影
這個(gè)例子演示了用霓虹燈的光芒文字陰影。