-webkit-text-fill-color

Baseline 已廣泛支援

此特性已非常成熟,可在多種裝置和瀏覽器版本上使用。自 ⁨2016 年 9 月⁩以來,它已在各大瀏覽器中可用。

-webkit-text-fill-color CSS 屬性指定文字字元的填充顏色。如果未設定此屬性,則使用 color 屬性的值。

語法

css
/* <color> values */
-webkit-text-fill-color: red;
-webkit-text-fill-color: #123456;
-webkit-text-fill-color: rgb(100 200 0);

/* Global values */
-webkit-text-fill-color: inherit;
-webkit-text-fill-color: initial;
-webkit-text-fill-color: revert;
-webkit-text-fill-color: revert-layer;
-webkit-text-fill-color: unset;

<color>

元素文字內容的前景填充顏色。

正式定義

初始值currentcolor
應用於所有元素
繼承性
計算值computed color
動畫型別一種顏色

正式語法

-webkit-text-fill-color = 
<color>
此語法反映了 Compatibility 的最新標準。並非所有瀏覽器都可能已實現所有部分。請參閱瀏覽器相容性以獲取支援資訊。

示例

更改填充顏色

CSS

css
p {
  margin: 0;
  font-size: 3em;
  -webkit-text-fill-color: green;
}

HTML

html
<p>This text is green.</p>

結果

規範

規範
相容性
# the-webkit-text-fill-color

瀏覽器相容性

另見