Style textShadow Property

テキストに影を追加します。

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";

定義と使用法

textShadowプロパティセットやテキストのために1つ以上の影の影響を返します。

textShadowプロパティは、すべての主要なブラウザでサポートされています。

注意：textShadowプロパティは、Internet Explorer 9およびそれ以前のバージョンではサポートされていません。

textShadowプロパティを返します：

object .style.textShadow

textShadowプロパティを設定します。

object .style.textShadow="none| Note: textShadowプロパティは、テキストに一つ以上の影を付けます。 プロパティは、それぞれ2つのまたは3つの長さ値と任意の色で指定されたシャドウのカンマ区切りリスト、です。省略長さは0です。

値	説明
none	影が描画されません。これがデフォルトです
h-shadow	必須。横シャドーの位置。負の値は許可されています
v-shadow	必須。縦シャドーの位置。負の値は許可されています
blur	任意。ブラー距離
color	任意。影の色。見CSSカラー値の可能な色の値の完全なリストについては、
initial	このプロパティがデフォルト値に設定します。最初の記事を読みます
inherit	その親要素からこのプロパティを継承します。継承についての記事を読みます

デフォルト値：	なし
戻り値：	シャドウ効果のカンマ区切りリストを表す文字列は、要素のテキストに適用されます
CSSのバージョン	CSS3

テキストの影を返します：

alert(document.getElementById("myP").style.textShadow);