CSS text-decoration 属性
实例
设置 h1、h2、h3 元素的文本修饰:
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
h4 {
text-decoration: underline
overline;
}
亲自试一试 »
下面有更多实例。
定义和用法
text-decoration 属性指定添加到文本中的装饰，是以下内容的简写属性:
- text-decoration-line (required)
- text-decoration-color
- text-decoration-style
| 默认值: | none currentcolor solid |
|---|---|
| 继承性: | no |
| 支持动画: | no, 请参阅单独的属性. 阅读有关动画的信息 |
| 版本: | CSS1, renewed in CSS3 |
| JavaScript 语法: | object.style.textDecoration="underline" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| text-decoration | 1.0 | 3.0 | 1.0 | 1.0 | 3.5 |
语法
text-decoration: text-decoration-line text-decoration-color
text-decoration-style|initial|inherit;
属性值
| 值 | 描述 |
|---|---|
| text-decoration-line | 设置要使用的文本装饰的类型（如下划线、上划线、线穿过） |
| text-decoration-color | 设置文本装饰的颜色 |
| text-decoration-style | 设置文字装饰的样式（如实心、波浪形、虚线、虚线、双色） |
| initial | 将此属性设置为其默认值。请参阅 initial |
| inherit | 从其父元素继承此属性。请参阅 inherit |
更多实例
实例
添加更多文本装饰:
h1 {
text-decoration: underline overline dotted red;
}
h2 {
text-decoration: underline overline wavy
blue;
}
亲自试一试 »
相关页面
CSS 教程: CSS 文本
HTML DOM 参考手册: textDecoration 属性
