CSS参考手册
»
属性列表
»
文本属性
»
相关内容：
其它文本属性参考
选择其它项
text-indent
text-overflow
text-align
text-transform
text-decoration
text-shadow
text-fill-color
text-stroke
text-stroke-width
text-stroke-color
letter-spacing
word-spacing
vertical-align
word-wrap
white-space
direction
unicode-bidi
line-height
tab-size
text-stroke-color
版本：CSS3
继承性：有
语法：
text-stroke-color
：
<color>
默认值
：
采用文本颜色
取值：
<color>
：
指定文字的描边颜色。请参阅
颜色值
说明：
设置或检索对象中的文字的描边颜色
对应的脚本特性为
textStrokeColor
。
兼容性：
浅绿
= 支持
红色
= 不支持
墨绿
= 部分支持
橙色
= 实验性质
支持版本
\类型
IE
Firefox
Safari
Chrome
Opera
版本
6.0-10.0
4.0-9.0.1
5.1
13.0
11.50-11.60
写法：
内核类型
写法
Webkit(Chrome/Safari)
-webkit-text-stroke-color
Gecko(Firefox)
Presto(Opera)
Trident(IE)
W3C
text-stroke-color
示例：
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>CSS text-stroke-color_CSS参考手册_web前端开发参考手册系列</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> <script data-ad-client="ca-pub-8014733024256856" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script type='text/javascript' src='https://www.xyhtml5.com/tongji_js/gg.tj.js'></script></head> <body> <body> <div class="stroke"> <h1>描边的文字：</h1> <p>我是被描了2像素黄边的文字</p> </div> </body> </html>