-webkit-text-fill-color
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
-webkit-text-fill-color は CSS のプロパティで、テキストの文字の塗りつぶしの色を指定します。このプロパティが設定されていない場合、 color プロパティの値が使用されます。
css
/* <color> 値 */
-webkit-text-fill-color: red;
-webkit-text-fill-color: #000000;
-webkit-text-fill-color: rgb(100, 200, 0);
/* グローバル値 */
-webkit-text-fill-color: inherit;
-webkit-text-fill-color: initial;
-webkit-text-fill-color: unset;
構文
値
<color>-
要素のテキストコンテンツの文字表面の塗りつぶし色。
公式定義
| 初期値 | currentcolor |
|---|---|
| 適用対象 | すべての要素 |
| 継承 | あり |
| 計算値 | 色の計算値 |
| アニメーションの種類 | 色 |
形式文法
-webkit-text-fill-color =
<color>
例
塗りつぶし色の変更
CSS
css
p {
margin: 0;
font-size: 3em;
-webkit-text-fill-color: green;
}
HTML
html
<p>This text is green.</p>
結果
仕様書
| Specification |
|---|
| Compatibility # the-webkit-text-fill-color |