CSSリファレンス

text-shadowの意味と使い方

「text-shadow」は文字に影をつけるプロパティです。影の色と長さを指定します。
加減お設定をカンマ区切りで複数設定すれば、した数だけ影をつけることもできます。

値の指定方法

none

影をつけない状態にします。


色を表す値を、長さの指定の前または後ろに指定します。省略した場合の影の色はブラウザに依存します。


実数値+単位

数値に単位を付けて、影の長さを指定します。必要な値を半角スペースで区切って指定します。
1つ目の値:右方向へどれだけずらすかを指定します。負の値を指定した場合は左側にずれます。
2つ目の値:した方向へどれだけずらすかを指定します。負の値を指定した場合は上側にずれます。
3つ目の値:影をぼかす範囲を指定します。省略可能です。


関連プロパティ

  • box-shadow:ボックスに影を付ける