说明
这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持blink。
需要注意的是:修饰的颜色由"color"属性设置。
text-decoration
默认值: | none |
继承性: | no |
版本: | CSS1 |
JavaScript 语法: | object.style.textDecoration="overline" |
所有主流浏览器都支持text-decoration属性。
注释:任何的版本的Internet Explorer(包括IE8)都不支持属性值"inherit"。
注释:IE、Chrome或Safari不支持"blink"属性值。
以下表格列出了CSS text-decoration属性的可能取值:
值 | 描述 |
none | 默认。定义标准的文本。 |
underline | 定义文本下的一条线。 |
overline | 定义文本上的一条线。 |
line-through | 定义穿过文本下的一条线。 |
blink | 定义闪烁的文本。 |
展开表格
设置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;}
Copyright 2023 fuwu029.com赣ICP备2022008914号-4