Movatterモバイル変換


[0]ホーム

URL:


  1. 面向开发者的 Web 技术
  2. CSS:层叠样式表
  3. CSS 参考
  4. 属性
  5. -webkit-text-fill-color

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in EnglishAlways switch to English

-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月.

CSS 属性-webkit-text-fill-color 指定了文本字符的填充颜色。若未设置此属性,则使用color 属性的值。

语法

css
/* 颜色值 */-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: revert;-webkit-text-fill-color: revert-layer;-webkit-text-fill-color: unset;

取值

<color>

元素的文本内容的前景填充颜色。

形式定义

初始值currentcolor
适用元素所有元素
是否是继承属性
计算值颜色计算值
动画类型acolor

形式语法

-webkit-text-fill-color =
<color>
此语法反映了基于Compatibility 的最新标准。并非所有浏览器都已实现全部内容。有关支持信息,请参阅浏览器兼容性

示例

改变填充颜色

CSS

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

HTML

html
<p>此文本为绿色的。</p>

结果

规范

Specification
Compatibility
# the-webkit-text-fill-color

浏览器兼容性

参见

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp