CSS3 text-shadow プロパティ
 完全な CSS3 リファレンス
例
Basic text-shadow:
h1
{
text-shadow: 2px 2px #ff0000;
} |
Try it yourself »
More examples at the bottom of this page.
|
ブラウザ・サポート
text-shadow property is supported in all major browsers, except Internet
Explorer.
定義と用法
text-shadow property applies shadow to text.
| デフォルト値: |
none |
| 継承: |
yes |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.textShadow="2px 2px #ff0000" |
構文
| text-shadow: h-shadow v-shadow blur color; |
注: The text-shadow property attaches one or more shadows to text. The property is a comma-separated list of shadows, each specified by 2
or 3
length values and an optional color. Omitted
lengths are 0.
| 値 |
説明 |
| h-shadow |
必須。The position of the horizontal shadow. Negative values are
allowed |
| v-shadow |
必須。The position of the vertical shadow. Negative values are
allowed |
| blur |
任意。The blur distance |
| color |
任意。The color of the shadow. Look at CSS Color Values
for a complete list of possible color values |
 |
Try it Yourself - Examples |
Text-shadow with a blur effect
This example demonstrates a text-shadow with a blur effect.
Text-shadow on white text
This example demonstrates text-shadow on a white text.
Text-shadow with neon glow
This example demonstrates text-shadow with a neon glow.
関連ページ
CSS3 チュートリアル: CSS3 Text Effects
完全な CSS3 リファレンス
|