CSS 属性 -webkit-text-stroke 指定了文本字符的笔触宽度和笔触颜色。此属性为全称属性 {{CSSXref("-webkit-text-stroke-width")}} 和 {{CSSXref("-webkit-text-stroke-color")}} 的简写属性。

/* 宽度和颜色值 */
-webkit-text-stroke: 4px navy;
text-stroke: 4px navy;

/* 全局值 */
-webkit-text-stroke: inherit;
-webkit-text-stroke: initial;
-webkit-text-stroke: revert;
-webkit-text-stroke: revert-layer;
-webkit-text-stroke: unset;

属性构成

此属性为下列 CSS 属性的简写属性：

  • {{cssxref("-webkit-text-stroke-color")}}
  • {{cssxref("-webkit-text-stroke-width")}}

语法

取值

  • {{cssxref("<length>")}}
    • : 笔触宽度。
  • {{cssxref("<color>")}}
    • : 笔触颜色。

形式定义

{{CSSInfo}}

形式语法

{{csssyntax}}

示例

添加红色文本笔触

HTML

<p id="example">此文本的笔触为红色的。</p>

CSS

#example {
  font-size: 3em;
  margin: 0;
  -webkit-text-stroke: 2px red;
}

结果

{{EmbedLiveSample("添加红色文本笔触", 600, 60)}}