-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

関連情報