text-shadow

解説

テキストに陰影をつけます。陰影は位置、色、影のぼかし範囲によって表されます。1つ目の長さで右側へどれだけずらすかを指定します(負の値で左側)。2つ目の長さで下側へどれだけずらすかを指定します(負の値で上側)。3つ目の長さで影のぼかし範囲を表します。こちらは必須ではありませんので指定しなければぼかし表示はなくなります。

以上3つの長さの前または後に影の色を指定することができます。こちらも必須ではなく省略した際は前景色(文字色)が使われます。

以上の指定をカンマにて区切ることにより複数の影を指定できます。複数の影を指定した場合、1つ目の影の上に2つ目の影、2つ目の影の上に3つ目の影、と重ねて行き、最後にもとのテキストを乗せて表示します。

ぼかし方については細かな指定はありませんのでUAに依存することとなります。

プロパティ情報

値:上記を参考にして下さい。noneを指定することもできます。
初期値:none
適用対象:全ての要素
継承:しない
パーセンテージ:不可
適用メディア:視覚
レベル:2

参照

使用例

ソース

CSSの記述方法はスタイルシートってなに?も参照下さい。