-webkit-text-fill-color

語法:

-webkit-text-fill-color<color>

預設值transparent

適用於:所有元素

繼承性:有

動畫性:是

計算值:指定值

取值:

<color>
指定文字的填充顏色。

說明:

定義文字填充色
  • 若同時設定 -webkit-text-fill-colorcolor 屬性,-webkit-text-fill-color 定義的顏色將覆蓋 color 定義;
  • 通過 -webkit-text-fill-color 屬性,可以做出一些例如漸變文字和鏤空文字的效果。Demo: 漸變文字 鏤空文字 See with Webkit
  • 對應的腳本特性為webkitTextFillColor

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-40.0 4.0-45.0-webkit- 4.0-8.0-webkit- 15.0-29.0-webkit- 4.0-8.3-webkit- 2.1-4.4.4-webkit- 18.0-42.0-webkit-

示例: