スポンサーリンク
スポンサーリンク

文字に影を設定する。

CSS

前回の記事で紹介したbox-shadowプロパティと
同じように文字にも影を付けることができます。

text-shadowプロパティを使います。
box-shadowプロパティと同様に、
影の距離、ぼかし、色を設定できます。

ぼかしの距離と影の色は省略することができます。

内容
水平方向の距離(px)
垂直方向の距離(px)
ぼかしの距離(px)
影の広がり(px)
影の色(カラーコード)
inset(影を内側に付ける)
ボックスに影を付ける。

IEでのtext-shadowプロパティについて

text-shadowはh、IE9以前のバージョンでは動作しないので、
コーディングの際は気をつけてください。

コメント

タイトルとURLをコピーしました