div的属性

position 决定 DIV tag 是如何放置的。“relative”意思是DIV的位置是相对于其他 tag 的，而“absolute”是说 DIV tag 的位置是相对于它所在的窗口。 

 

 left 相对于窗口左边的位置 

 

 top 相对于窗口上边的位置 

 

 width DIV tag 的宽度。所有在 DIV 里的文字或html都在里面。 

 

 height DIV tag 的高度。这个性质很少用除非你想 Clip 层次。

 

 color（字体颜色）：色彩代码；

 

 font-size（字体大小）：数值；

 

 line-height（行高）：数值；

 

 border（边框）：宽度、类型和颜色，类型主要支持以下几种：none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset；

 

 font-weight（字体粗细）：normal、bold、bolder、lighter；

 

 font-family（字体类型）：Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆

 

 clip 给出 layer 的 clipping（可看的见的）部分。Clip 可使得 DIV 显示为一个可以定义的很准确的方块。你可以用以下的四个值来给出这个方块的在 DIV 位置和大小。

 

 clip:rect(top,right,bottom,left); 

 

 visibility 隐蔽或展现DIV 根据它的值“visible”，“hidden”，“inherit”。 

 

 z-index DIV tag 的立体位置。值越大 DIV 的位置越高。 

 

 background-color DIV 背景的颜色。 

 

 layer-background-color Netscape 的 DIV 背景颜色。 

 

 background-image DIV 的背景图象。 

 

 layer-background-image Netscape 的 DIV 的背景图象

 

 filter:chroma(COLOR=转换成透明的颜色)（chroma过滤器）：色彩代码，该颜色将转换成透明效果；

 

 word-break（断字）：normal（默认，正常断字）、keep-all（严格不断字）、break-all（严格断字）；

 

 direction（文字方向）：ltr（默认，从左向右）、rtl（从右向左）;

 

 padding-left：层中的内容距离层左边框的距离；padding-right：层中的内容距离层左边框的距离；padding-top：层中的内容距离层顶部边框的距离；padding-bottom：层中的内容距离层底部边框的距离。