`
desert3
  • 浏览: 2141552 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

css属性 text-decoration outline clear overflow text-indent

    博客分类:
  • Html
 
阅读更多
参考:http://www.w3school.com.cn

text-decoration属性:规定添加到文本的修饰。
注释:修饰的颜色由 "color" 属性设置。
说明:这个属性允许对文本设置某种效果,如加下划线、上划线、删除线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。
可能值:
  • none 默认。定义标准的文本。
  • underline 定义文本下的一条线。
  • overline 定义文本上的一条线。
  • line-through 定义穿过文本下的一条线。
  • blink 定义闪烁的文本。 (IE、Chrome 或 Safari 不支持 "blink" 属性值。)
  • inherit 规定应该从父元素继承 text-decoration 属性的值。(任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。)


outline 属性: 绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
注释:轮廓线不会占据空间,也不一定是矩形。(除了 Internet Explorer,所有浏览器都支持 outline 属性。)
outline 简写属性在一个声明中设置所有的轮廓属性。
可以按顺序设置如下属性:
  • •outline-color
  • •outline-style
  • •outline-width

如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。
可能值:
  • outline-color 规定边框的颜色。参阅:outline-color 中可能的值。
  • outline-style 规定边框的样式。参阅:outline-style 中可能的值。
  • outline-width 规定边框的宽度。参阅:outline-width 中可能的值。
  • inherit 规定应该从父元素继承 outline 属性的设置。


clear 属性:规定元素的哪一侧不允许其他浮动元素。
在 CSS1 和 CSS2 中,这是通过自动为清除元素(即设置了 clear 属性的元素)增加上外边距实现的。在 CSS2.1 中,会在元素上外边距之上增加清除空间,而外边距本身并不改变。不论哪一种改变,最终结果都一样,如果声明为左边或右边清除,会使元素的上外边框边界刚好 在该边上浮动元素的下外边距边界之下。

可能值:
  • none 默认值。允许浮动元素出现在两侧。
  • left 在左侧不允许浮动元素。
  • right 在右侧不允许浮动元素。
  • both 在左右两侧均不允许浮动元素。
  • inherit 规定应该从父元素继承 clear 属性的值。


overflow 属性:规定当内容溢出元素框时发生的事情。
这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

可能值:
  • visible 默认值。内容不会被修剪,会呈现在元素框之外。
  • hidden 内容会被修剪,并且其余内容是不可见的。
  • scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
  • auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
  • inherit 规定应该从父元素继承 overflow 属性的值。


text-indent:规定文本块中首行文本的缩进。
这个属性用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

可能值:
  • length 定义固定的缩进。默认值:0。
  • % 定义基于父元素宽度的百分比的缩进。
  • inherit 规定应该从父元素继承 text-indent 属性的值。


设置属性 text-indent: 2em 就可以让段落的第一行缩进二个字(不管字体大小是多少,空出来的都是2个字  em是单位相对于实际字体的磅值来定义长度。)
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics