text-shadow
Home>CSS>プロパティリファレンス>text-shadow
text-shadowプロパティの役割
text-shadowプロパティは、テキストに影をつけます。
ただし、ブラウザによっては対応していない場合があり、必ず期待通りの動作をするとは限りません。
text-shadowプロパティに設定できる値
none | 影を付けない。初期値。 |
値 | 色コード 右方向の影の位置(単位) 下方向の影の位置(単位) ぼかし範囲 |
色コードは、16進数や、色名で指定します。
なお、複数の指定を行う場合には、カンマで区切って「色コード 右の影 下の影 ぼかし範囲」のように指定できますが、現在のところ対応しているブラウザはありません。
text-shadowプロパティの使い方
<p style="text-shadow:#FF0000 2px 2px 5">テキストに影を付けます。</p>
テキストに影を付けます。
上記の例では、テキストに赤い影をつけていますが、ほとんどのブラウザがサポートしていないため、IEなどでは確認できません。Safariでは確認できます。
関連リンク
- プロパティリファレンス:text-align
- プロパティリファレンス:text-decoration
- プロパティリファレンス:text-indent
- プロパティリファレンス:text-transform
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-10-18