text-shadow

Home>CSS>プロパティリファレンス>text-shadow

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

text-shadowプロパティの役割

text-shadowプロパティは、テキストに影をつけます。
ただし、ブラウザによっては対応していない場合があり、必ず期待通りの動作をするとは限りません。

text-shadowプロパティに設定できる値

none 影を付けない。初期値。
色コード 右方向の影の位置(単位) 下方向の影の位置(単位) ぼかし範囲

色コードは、16進数や、色名で指定します。

なお、複数の指定を行う場合には、カンマで区切って「色コード 右の影 下の影 ぼかし範囲」のように指定できますが、現在のところ対応しているブラウザはありません。

text-shadowプロパティの使い方

<p style="text-shadow:#FF0000 2px 2px 5">テキストに影を付けます。</p>

テキストに影を付けます。

上記の例では、テキストに赤い影をつけていますが、ほとんどのブラウザがサポートしていないため、IEなどでは確認できません。Safariでは確認できます。

関連リンク

よく読まれている記事

UpDate:2010-10-18