CSS の text-shadow プロパティ

翻訳結果：

text

English[tekst] American[tɛkst]

n. テキスト、原文; テキスト、教科書; テーマ; バージョン

v .テキストメッセージを送信する

shadow

##英[ˈʃædəʊ] US[ˈʃædoʊ]

n.影; 影; 幽霊; 幽霊; 隠れ場所

vt. 影を落とす; かすませる; 追跡、痕跡; 前兆

vi. グラデーション; 暗い

adj. 影; 影のキャビネット; 非公式

CSS の text-shadow プロパティ構文

関数: text-shadow プロパティは、テキストに影を設定します。

構文: text-shadow: h-shadow v-shadow ぼかし色

説明: h-shadow は必須です。水平方向の影の位置。負の値も許可されます。 v-shadow は必須です。垂直影の位置。負の値も許可されます。ぼかしはオプションです。ぼやけた距離。色はオプションです。影の色。 CSS カラー値を参照してください。

コメント: text-shadow プロパティは、テキストに 1 つ以上の影を追加します。このプロパティは、シェードのカンマ区切りのリストで、各シェードは 2 つまたは 3 つの長さの値とオプションの色の値で指定されます。省略された長さは 0 です。

<!DOCTYPE html>
<html>
<head>
<style>
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
</style>
</head>
<body>
<h1>文本阴影效果！</h1>
</body>
</html>

[インスタンスの実行] ボタンをクリックしてオンラインインスタンスを表示します