更新时间:2023-04-16 14:16
说明
这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。
所有主流浏览器都支持 text-decoration 属性。
以下表格列出了 CSS text-decoration 属性的可能取值:
设置 h1、h2、h3、h4 元素的文本修饰:
h1 {text-decoration:overline}
h2 {text-decoration:line-through}
h3 {text-decoration:underline}
h4 {text-decoration:blink}
语法:
text-decoration:none||underline||blink||overline||line-through
取值:
none: 默认值。无装饰
blink: 闪烁
underline: 下划线
line-through: 贯穿线
overline: 上划线
说明:
检索或设置对象中的文本的装饰。
有href特性的a,以及u,ins对象默认值为underline。
对象strike,s,del,默认值是line-through。
假如none值在属性声明的最后,所有的先前的其他取值都会被清除。例如,声明text-decoration:underline overline blink none等于声明text-decoration:none。
假如对象没有文本(如img元素)或者是空元素(如:),此属性不会发生作用。
假如你设置body对象的此属性值为none,a对象将依然保持其原有的下划线样式。除非你针对a对象声明此属性值。
指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生,块对象容器最终会受到影响。
在IE4+中可用的值为overline和blink。虽然blink值被提供,但它不会被作用。
此属性对于currentStyle对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为textDecoration。
示例:
div{text-decoration:underline;}
div{text-decoration:underlineoverline;}