CSS手册
»
属性列表
»
Only Webkit属性
»
相关内容:
Only Webkit属性
选择其它项
-webkit-box-reflect
-webkit-text-fill-color
-webkit-text-stroke
-webkit-text-stroke-width
-webkit-text-stroke-color
-webkit-tap-highlight-color
-webkit-user-drag
-webkit-overflow-scrolling
-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-CN"> <head> <meta charset="utf-8" /> <title>-webkit-text-stroke-width - CSS手册 - API参考文档</title> <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>