-webkit-text-stroke - CSS（层叠样式表）编辑

摘要

-webkit-text-stroke CSS属性为文本字符指定了宽和颜色 . 它是-webkit-text-stroke-width 和-webkit-text-stroke-color属性的缩写.

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

/* 全局属性 */
-webkit-text-stroke: inherit;
-webkit-text-stroke: initial;
-webkit-text-stroke: unset;

/* 设置宽度和颜色 */
-webkit-text-stroke: <length> <color>;

/* 默认设置 */
-webkit-text-stroke: inherit/initial/unset;

<p id="example">The stroke of this text is red.</p>

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

规范	状况	注释
Compatibility Standard -webkit-text-stroke	Living Standard	初始标准化
Safari CSS Reference '-webkit-text-stroke' in that document.	不标准非官方文件	初始定义

兼容情况一览表

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
基本支持	4	48.0 (48.0)^[1]	未实现	15	3.1

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
基本支持	4	48.0 (48.0)^[1]	未实现	36	4.1

[1] 此功能在首选项 layout.css.prefixes.webkit 后面实现, 默认为false. 从Gecko 49 (Firefox 49.0 / Thunderbird 49.0 / SeaMonkey 2.46) 开始，默认为 true.

需要登录才能够评论，你可以免费注册一个本站的账号。

列表为空，暂无数据

浏览：108 次

字数：4671

最后编辑：7 年前

编辑次数：0 次