CSS text-decoration-thickness 属性
示例
为 <h1>、<h2>、<h3> 和 <h4> 元素设置不同的装饰线粗细
h1 {
text-decoration: underline;
text-decoration-thickness: auto;
}
h2 {
text-decoration: underline;
text-decoration-thickness: 5px;
}
h3 {
text-decoration: underline;
text-decoration-thickness: 50%;
}
/* 使用简写属性 */
h4 {
text-decoration: underline solid red 50%;
}
亲自尝试 »
定义和用法
text-decoration-thickness 属性指定装饰线的粗细。
| 默认值 | auto |
|---|---|
| 继承 | 否 |
| 可动画 | 否，请参阅各个属性。 了解有关可动画的信息 |
| 版本 | CSS4 |
| JavaScript 语法 | 对象.style.textDecorationThickness="5px" 尝试一下 |
浏览器支持
表格中的数字指定完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| text-decoration-thickness | 89.0 | 89.0 | 70.0 | 12.1 | 75.0 |
CSS 语法
text-decoration-thickness: auto|from-font|长度/百分比|initial|inherit;
属性值
| 值 | 描述 |
|---|---|
| auto | 浏览器选择装饰线的粗细 |
| from-font | 如果字体文件包含有关首选粗细的信息，则使用该值。否则，行为与 auto 相同 |
| 长度/百分比 | 将粗细指定为长度或% |
| initial | 将此属性设置为其默认值。 了解有关initial的信息 |
| inherit | 从其父元素继承此属性。 了解有关inherit的信息 |
相关页面
CSS 参考：text-decoration 属性
CSS 教程：CSS 文本装饰
