码农教程 - 一技在手,衣食无忧! tools

目录

CSS text-decoration-style 属性

❮上一节 完整的CSS参考 下一节❯

示例

设置不同类型的文本装饰样式：

div.a {
  text-decoration-line: underline;
  text-decoration-style: solid;
}

div.b {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

div.c {
  text-decoration-line: underline;
  text-decoration-style: double;
}

div.d {
  text-decoration-line: overline underline;
  text-decoration-style: wavy;
}
亲自试一试 »

定义和用法

这个text-decoration-style属性设置文本装饰的样式（如实线、波浪线、点线、虚线、双线）。

提示：另请参阅文字修饰property，它是 text-decoration-line、text-decoration-style、text-decoration-color 和 text-decoration-thickness 的简写属性。

展示演示❯

默认值： 坚硬的
遗传： 不
可动画： 不。阅读可动画的
版本： CSS3
JavaScript 语法： 对象.style.textDecorationStyle="wavy"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -moz- 的数字指定使用前缀的第一个版本。

Property
text-decoration-style 57.0 79.0 36.0
6.0 -moz-		 12.1 44.0

CSS 语法

text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;

属性值

Value Description Play it
solid Default value. The line will display as a single line Demo ❯
double The line will display as a double line Demo ❯
dotted The line will display as a dotted line Demo ❯
dashed The line will display as a dashed line Demo ❯
wavy The line will display as a wavy line Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程：CSS 文本装饰

HTML DOM 参考：textDecorationStyle 属性


❮上一节 完整的CSS参考 下一节❯