CSS text-underline-offset 属性

示例

设置下划线文字装饰的偏移距离：

div.a {
text-decoration: underline;
}

div.b {
text-decoration: underline;
text-underline-offset: 10px;
}

div.c {
text-decoration: underline wavy blue;
}

div.d {
text-decoration: underline wavy blue;
text-underline-offset: 10px;
}

亲自试一试 »

定义和用法

这个text-underline-offset属性指定下划线文本装饰的偏移距离。

展示演示❯

默认值：	汽车
遗传：	是的
可动画：	不。阅读可动画的
版本：	CSS4
JavaScript 语法：	对象.style.textUnderlineOffset="1em"尝试一下

浏览器支持

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

Property
text-underline-offset	87.0	87.0	70.0	12.1	73.0

CSS 语法

text-underline-offset: auto| length| percentage|initial|inherit;

属性值

Value	Description	Play it
auto	Default value. The browser sets the appropriate offset for the underline	Demo ❯
length	Specifies the offset as a length value	Demo ❯
percentage	Specifies the offset as a percentage value	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

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

CSS text-underline-offset 属性

示例

定义和用法

浏览器支持

CSS 语法

属性值

相关页面