text-decoration-style

  • 版本:CSS3
  • 媒体:视觉
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

语法:

text-decoration-style:solid | double | dotted | dashed | wavy

默认值solid

适用于:所有元素

继承性:无

动画性:否

计算值:指定的值

取值:

solid:
实线
double:
双线
dotted:
点状线条
dashed:
虚线
wavy:
波浪线

说明:

检索或设置对象中的文本装饰线条的形状。
  • 对应的脚本特性为textDecorationStyle

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-5.0 4.0-45.0 6.0-7.0 15.0-29.0 6.0-7.1 2.1-4.4.4 18.0-42.0
6.0-35.0-moz- 7.1-8.0-webkit-#1 8.0-8.3-webkit-#1
36.0+
  1. 支持dotted | dashed属性值,但效果都表现为实线。

示例: