CSS3テキスト-shadowプロパティ
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
属性 | |||||
---|---|---|---|---|---|
text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
属性の定義と指示
テキスト-shadowプロパティは、影のテキストを適用します。
デフォルト: | なし |
---|---|
継承: | はい |
バージョン: | CSS3 |
JavaScriptシンタックス: | オブジェクト.style.textShadow = "2ピクセルの2ピクセルの#FF0000の」 |
文法
text-shadow:h-shadow v-shadow blur color;
注:テキストシャドウプロパティは、シャドウ・テキストの一つ以上に接続されています。プロパティは、すべての二、三の長さの値とカンマで区切られたオプションのカラー値を指定、影です。 0の長さを過ごしました。
値 | 説明 |
---|---|
H-影 | 必須。 水平影の位置。 負許可します。 |
V-影 | 必須。 影の垂直位置。 負許可します。 |
ブラー | オプション。 ファジィ距離。 |
カラー | オプション。 影の色。 参照してください。 CSSカラー値を 。 |
より多くの例
テキストの影のぼかし
この例では、テキストの影のぼかしを示しています。
テキストの影に白文字
この例では、白のテキストのテキストの影を示しています。
ネオングローテキストの影
この例では、ネオンの光のテキストシャドウの使用方法を示します。
関連記事
CSS3チュートリアル: テキストエフェクトCSS3