このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
-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 2016年9月.
-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 |