CSS 属性
全部展开 | 全部折叠
CSS 规则

CSS3 text-decoration-style 属性

主题:CSS3 属性参考上一页|下一页

说明

text-decoration-style CSS 属性定义了由 text-decoration-line 属性指定的线条样式。

下表总结了此属性的使用上下文和版本历史记录。

默认值: solid
适用于:
所有元素。 它也适用于 ::first-letter::first-line
继承: No
动画: No. 参见动画属性
版本: New in CSS3

语法

属性的语法如下:

text-decoration-style: 
[ solid | double | dotted | dashed | wavy ] one or more values | initial | inherit

下面的例子展示了 text-decoration-style 属性的作用。

p {
    text-decoration: underline;
    -moz-text-decoration-style: dotted; /* Firefox */
    text-decoration-style: dotted; /* 标准语法 */
}

属性值

下表描述了该属性的值。

说明
solid 该行显示为单行。 这是默认值。
double 线显示为双线。
dotted 线显示为虚线。
dashed 线条显示为虚线。
wavy 线条显示为波浪线。
initial 将此属性设置为其默认值。
inherit 如果指定,则关联元素采用其父元素text-decoration-style计算值 属性。

浏览器兼容性

大多数浏览器不支持 text-decoration-style 属性。

Browsers Icon

基本支持—

  • Firefox 6+ -moz-, 36+
  • Google Chrome ×
  • Internet Explorer ×
  • Apple Safari ×
  • Opera ×

警告:目前大多数浏览器不支持 text-decoration-style 属性。 您最好避免使用此属性。


进一步阅读

请参阅以下教程: CSS 文本, CSS 边框.

相关属性: text-decoration, text-decoration-line, text-decoration-color.

Advertisements