The best CSS text-decoration-line property Tutorial In 2024, In this tutorial you can learn Examples,Browser Support,Definition and Usage,CSS Syntax,Property Value,
At the top of the paragraph a line appears:
Almost all of the major browsers do not support text-decoration-line property.
Firefox supports another alternative of the property attribute that -moz-text-decoration-line property.
text-decoration-line text attribute specifies the modified line type to use.
Note: You can also use the text-decoration property set text-decoration-line. text-decoration property is text-decoration-line, text-decoration-style and text-decoration-color attribute shorthand property.
Note: You can also use multiple values simultaneously, such as underline and overline, to show the lines above and below the text.
Defaults: | none |
---|---|
inherit: | no |
Can be animated: | no. Please refer to animation (Animatable) . |
version: | CSS3 |
JavaScript syntax: | object .style.textDecorationLine = "overline"to try |
值 | 描述 | 测试 |
---|---|---|
none | 默认值。规定文本修饰没有线条。 | 测试 » |
underline | 规定文本的下方将显示一条线。 | 测试 » |
overline | 规定文本的上方将显示一条线。 | 测试 » |
line-through | 规定文本的中间将显示一条线。 | 测试 » |
initial | 设置该属性为它的默认值。请参阅 initial 。 | 测试 » |
inherit | 从父元素继承该属性。请参阅 inherit 。 |