備忘録的プログラミングリファレンス

text-shadow プロパティ

 text-shadow プロパティは、テキストに影を付けるプロパティです。 定義できるのは、第1引数としてX方向のオフセット、第2引数はY方向のオフセット、第3引数は影のぼかし具合、さらには色です。 影のぼかし具合と色は省略可能です。

 カンマ","で区切ることで複数個を定義できます。複数個の影を定義することで縁取りをしたように表示できます。

テキストに緑色の縁取りを付ける
text-shadow: 1px 1px 0px green,-1px 1px 0px green,1px -1px 0px green,-1px -1px 0px green;

詳しくは Example を参照してください

ページ内 Index

構文(Syntax)

CSS

text-shadow: none | [ offset-x offset-y blur-radius ] color | initial | inherit;

DOM ( JavaScript )

値の取得
String = object.style.textShadow;
値の設定
object.style.textShadow="none | [ offset-x offset-y blur-radius ] color | initial | inherit";

値(Values)

Value摘要
none初期値(default値)
offset-x offset-y blur-radiusX方向のオフセット、Y方向のオフセット、影のぼかし具合
colorCSS Colorを参照のこと
initial初期値に戻す
inherit親エレメントのプロパティを継承

備考(Remarks)

初期値(Default value)none
継承(Inherited)Yes
CSS AnimationYes

Example