-webkit-text-stroke
-webkit-text-stroke CSS 属性指定文本字符描边的宽度和颜色。这是一个简写属性，对应于-webkit-text-stroke-width 和 -webkit-text-stroke-color 这两个独立属性。
构成属性
此属性是以下 CSS 属性的简写：
语法
css
/* Width and color values */
-webkit-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;
值
正式定义
| 初始值 | 作为简写中的每个属性
|
|---|---|
| 应用于 | 所有元素 |
| 继承性 | 是 |
| 计算值 | 作为简写中的每个属性 |
| 动画类型 | 作为简写中的每个属性 |
正式语法
-webkit-text-stroke =
<line-width> ||
<color>
<line-width> =
<length [0,∞]> |
thin |
medium |
thick
示例
添加红色文本描边
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;
}
结果
规范
| 规范 |
|---|
| 兼容性 # -webkit-text-stroke |
浏览器兼容性
加载中…