CSS text-decoration 属性
定义和用法
text-decoration 属性规定添加到文本的修饰。
注释：修饰的颜色由 "color" 属性设置。
说明
这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。
另请参阅：
CSS 教程：CSS 文本
HTML DOM 参考手册：textDecoration 属性
实例
设置 h1、h2、h3、h4 元素的文本修饰：
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}
CSS 语法
text-decoration: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness|initial|inherit;
属性值
| 值 | 描述 |
|---|---|
| text-decoration-line | 设置要使用的文本装饰类型（如下划线、上划线、划线）。 |
| text-decoration-color | 设置文字装饰的颜色。 |
| text-decoration-style | 设置文本装饰的样式（如实心、波浪形、点线、虚线、双线）。 |
| text-decoration-thickness | 设置装饰线的粗细。 |
| initial | 将此属性设置为其默认值。请参阅 initial。 |
| inherit | 从其父元素继承此属性。请参阅 inherit。 |
技术细节
| 默认值： | none |
|---|---|
| 继承性： | no |
| 版本： | CSS1 |
| JavaScript 语法： | object.style.textDecoration="overline" |
更多实例
- 修饰文本
- 本例演示如何向文本添加修饰。
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |