-webkit-text-stroke
-webkit-text-stroke
CSS 属性指定文本字符的描边宽度和颜色。这是 -webkit-text-stroke-width
和 -webkit-text-stroke-color
这两个详细属性的简写属性。
css
/* Width and color values */
-webkit-text-stroke: 4px navy;
text-stroke: 4px navy;
/* Global values */
-webkit-text-stroke: inherit;
-webkit-text-stroke: initial;
-webkit-text-stroke: revert;
-webkit-text-stroke: revert-layer;
-webkit-text-stroke: unset;
构成属性
此属性是以下 CSS 属性的简写
语法
值
正式定义
初始值 | 与简写属性的每个属性相同
|
---|---|
应用于 | 所有元素 |
继承 | 是 |
计算值 | 与简写属性的每个属性相同 |
动画类型 | 与简写属性的每个属性相同 |
正式语法
示例
添加红色文本描边
HTML
html
<p id="example">The stroke of this text is red.</p>
CSS
css
#example {
font-size: 3em;
margin: 0;
-webkit-text-stroke: 2px red;
}
结果
规范
规范 |
---|
兼容性标准 # the-webkit-text-stroke |
浏览器兼容性
BCD 表格仅在浏览器中加载