text-decoration CSS属性CSS属性指定要应用于元素的文本内容(如下划线、上划线等)上的修饰。
下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。
默认值: | 没有 |
---|---|
适用于: | 所有元素 |
继承: | 没有 |
可动画制作: | 是,因为速记的某些属性可以设置动画。请参考 动画属性。 |
版本: | CSS 1,2,3 |
JavaScript 语法: | object.style.textDecoration="line-through" |
该属性的语法如下:
text-decoration: none | [ underline | overline | line-through | blink ] one or more values | initial | inherit
下面的示例演示了如何使用text-decoration属性。
a { text-decoration: none; } h1 { text-decoration: overline; }测试看看‹/›
下表描述了此属性的值。
值 | 描述 |
---|---|
none | 不使用文字修饰。 |
underline | 每行文本都带有下划线。 |
overline | 定义文本上的一条线。 |
line-through | 每一行文字中间都有一条线。 |
blink | 使文本闪烁(在可见和不可见之间切换)。 |
inherit | 如果指定,则关联元素采用其父元素text-decoration的属性值。 |
text-decoration属性浏览器的兼容性,下表中的数字表示支持该属性的浏览器最低版本号;所有主流浏览器均支持该属性。
|
警告:blink只有Firefox和Opera支持此属性的值。不建议使用此值,而建议使用动画,最好避免使用此值。
文本相关的属性:letter-spacing,text-align,text-indent,text-overflow,text-shadow,text-transform,white-space,word-spacing。