CSS text-decoration-line 属性
目录
定义和用法
text-decoration-line
属性规定文本修饰要使用的线条类型。
注意:您也可以使用 text-decoration
属性设置 text-decoration-line
。text-decoration
属性是 text-decoration-line
、text-decoration-style
和 text-decoration-color
属性的速记属性。
注意:您也可以同时使用多个值,比如 underline 和 overline,来在文本的上方和下方都显示线条。
默认值: | none |
---|---|
继承: | 否 |
可动画化: | 否。 |
版本: | CSS3 |
JavaScript 语法: | object.style.textDecorationLine=”overline” |
CSS 语法
text-decoration-line: none|underline|overline|line-through|initial|inherit;
属性值
值 | 描述 |
---|---|
none | 默认值。规定文本修饰没有线条。 |
underline | 规定文本的下方将显示一条线。 |
overline | 规定文本的上方将显示一条线。 |
line-through | 规定文本的中间将显示一条线。 |
initial | 设置该属性为它的默认值。 |
inherit | 从父元素继承该属性。 |
浏览器支持
几乎所有的主流浏览器都不支持 text-decoration-line
属性。
Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-line
属性。
实例
在段落的顶部显示一条线:
<style> p { text-decoration-line: overline; -moz-text-decoration-line: overline; /* 针对 Firefox 的代码 */ } </style> <body> <p> 本实例中的段落上方会显示一条线。</p> <p><b>注意:</b>几乎所有的主流浏览器都不支持 text-decoration-line 属性。</p> <p><b>注意:</b>Firefox 支持另一个可替代该属性的属性,即 -moz-text-decoration-line 属性。</p> </body>
效果如下:
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » CSS text-decoration-line 属性
码云笔记 » CSS text-decoration-line 属性