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

buttonChan 2012-06-20

参考:http://www.w3school.com.cn

text-decoration属性:规定添加到文本的修饰。

注释:修饰的颜色由"color"属性设置。

说明:这个属性允许对文本设置某种效果,如加下划线、上划线、删除线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。

可能值:

  • none默认。定义标准的文本。
  • underline定义文本下的一条线。
  • overline定义文本上的一条线。
  • line-through定义穿过文本下的一条线。
  • blink定义闪烁的文本。(IE、Chrome或Safari不支持"blink"属性值。)
  • inherit规定应该从父元素继承text-decoration属性的值。(任何的版本的InternetExplorer(包括IE8)都不支持属性值"inherit"。)

outline属性:绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

注释:轮廓线不会占据空间,也不一定是矩形。(除了InternetExplorer,所有浏览器都支持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是单位相对于实际字体的磅值来定义长度。)

相关推荐