| 属性名 | text-shadow |
|---|---|
| 値 | none | <shadow>[, <shadow> ]* |
| 値の詳細 | <shadow> = [ <h-offset> <v-offset> <blur>? ] && <color>? |
| 初期値 | none |
| 適用可能要素 | すべて |
| 継承 | 継承する |
| メディア | Visual / Text |
| サポート | C3 / e10 / Fx3.5 / Ch2 / Op9.5 / Sa1.1 |
テキストに影をつけます。
| 値 | 説明 |
|---|---|
| none | 影をつけません。 |
| <h-offset> | 横方向のずれの長さを指定します。 |
| <v-offset> | 縦方向のずれの長さを指定します。 |
| <blur> | ぼかし強度を長さで指定します。省略時は 0(ぼかさない)となります。 |
| <color> | 影の色を指定します。省略時は文字色と同じ色になります。 |
カンマ(,)で区切って複数の影をつけることも可能です。
.shadow { text-shadow: 1px 1px 0px #ffffff, 3px 3px 2px #663333; }
<div style="text-shadow: 3px 3px 2px #663333; font:32pt 'Arial'; font-weight:bold; color:#660000"> World Wide Web </div> <div style="text-shadow: 1px 1px 0px #ffffff, 3px 3px 2px #663333; font:32pt 'Arial'; font-weight:bold; color:#660000"> World Wide Web </div>