css中text-decoration 属性使用方法教程
css中text-decoration 属性使用方法教程
语法：
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 元素)或者是空元素(如：<EM></EM>)， 此属性不会发生作用。
假如你设置 body 对象的此属性值为 none ， a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。
指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生，块对象容器最终会受到影响。
在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供，但它不会被作用。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 textDecoration 。
案例：
- <html>
- <head>
- <style type=”text/css”>
- h1 {text-decoration: overline}
- h2 {text-decoration: line-through}
- h3 {text-decoration: underline}
- h4 {text-decoration:blink}
- a {text-decoration: none}
- </style>
- </head>
- <body>
- <h1>这是标题 1</h1>
- <h2>这是标题 2</h2>
- <h3>这是标题 3</h3>
- <h4>这是标题 4</h4>
- <p><a href=”http://www.w3school.com.cn/index.html”>这是一个链接</a></p>
- </body>
- </html>
复制代码 效果如下：
632.png (21.1 KB, 下载次数: 11)
下载附件
css中text-decoration 属性使用方法教程
2019-7-22 07:16 上传
