CSS:text-decoration

2016-02-19 18:32 7 1 收藏

下面图老师小编跟大家分享CSS:text-decoration,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

  text-decoration版本:CSS1  兼容性:IE4+ NS4+ 继承性:无

语法:

text-decoration : none || underline || blink || overline || line-through

取值:

none :? 默认值。无装饰

blink :? 闪烁

underline :? 下划线

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

line-through :? 贯穿线

overline :? 上划线

说明:

检索或设置对象中的文本的装饰。

有 href 特性的 a ,以及 u , ins 对象默认值为 underline 。

对象 strike , s , del ,默认值是 line-through 。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

假如 none 值在属性声明的最后,所有的先前的其他取值都会被清除。例如,声明 text-decoration: underline overline blink none 等于声明 text-decoration: none 。

假如对象没有文本(如 img 元素)或者是空元素(如:EM/EM), 此属性不会发生作用。

假如你设置 body 对象的此属性值为 none , a 对象将依然保持其原有的下划线样式。除非你针对 a 对象声明此属性值。

指定块对象的此属性将影响其所有内联子对象。而此影响一旦发生,块对象容器最终会受到影响。

在IE4+中可用的值为 overline 和 blink 。虽然 blink 值被提供,但它不会被作用。

此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。

对应的脚本特性为 textDecoration 。

示例:

div { text-decoration : underline; }
div { text-decoration : underline overline; }

来源:http://www.tulaoshi.com/n/20160219/1618037.html

延伸阅读
标签: Web开发
水平对齐(text-align),用以设定元素内文本的水平对齐方式。 1.语法 text-align具体参数如下: 语法:text-align : left | right | center | justify 说明:设定元素内文本的水平对齐方式。 参数:left : 左对齐;right : 右对齐;center : ...
标签: Web开发
水平对齐(text-align),用以设定元素内文本的水平对齐方式。 1.语法 text-align具体参数如下: 语法:text-align : left | right | center | justify说明:设定元素内文本的水平对齐方式。参数:left : 左对齐;right : 右对齐;center : 居中;justify : 两端对齐初始值:跟浏览器的设置有关继承性:可继承适用于:block元素 其...
标签: Web开发
水平对齐(text-align),用以设定元素内文本的水平对齐方式。 1.语法 text-align具体参数如下: 语法:text-align : left | right | center | justify 说明:设定元素内文本的水平对齐方式。 参数:left : 左对齐;right : 右对齐;center : &n...
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
标签: Web开发
作为一个web前端开发 为了html语义化 常常要给内容模块加上一些标题来让页面更有意义 当然还有我们的图片按钮 在抛开css裸奔的情况下也能很顺利的汲取到页面信息 通常为了传达更好的视觉效果 我们常用图片替代掉字体 而早前的前端开发常直接不在html中给出内容 用 ;(甚至为空) 这样在没有加载到css时就无法知道这个区块究竟是什么内容了...

经验教程

406

收藏

53

精华推荐

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部