CSS3参考手册
»
属性列表
»
Only Webkit属性
»
相关内容：
其它Only Webkit属性
选择其它项
-webkit-text-stroke-width
版本：CSS3
媒体：视觉
语法：
-webkit-text-stroke-width
：
<length>
默认值
：
0
适用于
：所有元素
继承性
：有
动画性
：是
计算值
：指定值
取值：
<length>
：
用长度值指定描边厚度。不允许负值
说明：
定义文字描边的厚度
对应的脚本特性为
webkitTextStrokeWidth
。
兼容性：
浅绿
= 支持
红色
= 不支持
粉色
= 部分支持
Values
IE
Firefox
Chrome
Safari
Opera
iOS Safari
Android Browser
Android Chrome
Basic Support
6.0-11.0
2.0-40.0
4.0-45.0
-webkit-
4.0-8.0
-webkit-
15.0-29.0
-webkit-
4.0-8.3
-webkit-
2.1-4.4.4
-webkit-
18.0-42.0
-webkit-
示例：
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>-webkit-text-stroke-width_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <style> html,body{font:bold 14px/1.5 georgia,simsun,sans-serif;text-align:center;} .stroke h1{margin:0;padding:10px 0 0;} .stroke p{ margin:50px auto 100px;font-size:100px; -webkit-text-stroke-width:2px; -webkit-text-stroke-color:#ff0; } .copyright,.info{font-style:italic;} </style> </head> <body> <div class="stroke"> <h1>描边的文字：</h1> <p>我是被描了2像素黄边的文字</p> </div> </body> </html>