-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 April 2017.
-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 Standard # the-webkit-text-fill-color |
ブラウザーの互換性
BCD tables only load in the browser