CSS3 text-decoration-line 属性
说明
text-decoration-line CSS 属性指定添加到元素中的线条装饰类型。 此属性可以接受一个或多个空格分隔的值。
下表总结了此属性的使用上下文和版本历史记录。
| 默认值： | none |
|---|---|
| 适用于： | 所有元素。 它也适用于 |
| 继承： | No |
| 动画： | No. 参见动画属性。 |
| 版本： | New in CSS3 |
语法
属性的语法如下：
下面的例子展示了 text-decoration-line 属性的作用。
p {
-moz-text-decoration-line: underline; /* Firefox */
text-decoration-line: underline; /* 标准语法 */
}
p.multiple {
-moz-text-decoration-line: underline overline; /* Firefox */
text-decoration-line: underline overline; /* 标准语法 */
}属性值
下表描述了该属性的值。
| 值 | 说明 |
|---|---|
none |
文字没有装饰。 这是默认值。 |
underline |
每一行文字都有下划线。 |
overline |
每行文本上面都有一行。 |
line-through |
每行文本中间都有一条线。 |
blink |
使文本闪烁（在可见和不可见之间交替）。 此值已弃用，取而代之的是 Animations。 |
initial |
将此属性设置为其默认值。 |
inherit |
如果指定，则关联元素采用其父元素 text-decoration-line 属性的 计算值。 |
浏览器兼容性
大多数浏览器不支持 text-decoration-line 属性。
 |
基本支持—
|
警告：目前大多数浏览器不支持 text-decoration-line 属性。 您最好避免使用此属性。
进一步阅读
相关属性： text-decoration, text-decoration-color, text-decoration-style.
Advertisements