text-shadow 属性はテキストに影を追加します。
最も簡単な使用法は、水平シャドウ (2px) と垂直シャドウ (2px) のみを指定することです。
テキストのシャドウ効果!
h1 {
text-shadow: 2px 2px;
}
次に、影に色 (赤) を追加します。
テキストのシャドウ効果!
h1 {
text-shadow: 2px 2px red;
}
次に、影にぼかし効果 (5 ピクセル) を追加します。
テキストのシャドウ効果!
h1 {
text-shadow: 2px 2px 5px 赤;
}
| 属性 | 説明 |
|---|---|
| カラー | はテキストの色を設定します。 |
| direction | テキストの向き/書き込み方向を指定します。 |
| let ter-spacing | 文字間隔を設定します。 |
| line-height | は行の高さを設定します。 |
| text-align | はテキストの水平方向の配置を指定します。 |
| text-decoration | テキストに追加する装飾を指定します。 |
| text-indent | は、テキスト ブロックの最初の行のインデントを指定します。 |
| text-shadow | は、テキストに追加される影効果を指定します。 |
| text-transform | はテキストの大文字化を制御します。 |
| text-overflow | 表示されていないオーバーフロー コンテンツをユーザーに通知する方法を指定します。 |
| unicode-bidi | 方向属性とともに使用され、同じドキュメント内で複数の言語をサポートするためにテキストを書き換える必要があるかどうかを設定または返します。 |
| vertical-align | はテキストの垂直方向の配置を指定します。 |
| white-space | は、要素内の空白の処理方法を指定します。 |
| word-spacing | は単語の間隔を設定します。 |