CSS语法手册 文本填充 边框 边界和位置属性

一、框弥补属性1、padding-bottompadding-leftpadding-toppadding-right功效：毎个容器都有边框，那些属性树立边框与框內元素间的隔绝。数值：长度 - 树立对立或一致值。在数字后指定襟怀单元如次：mm, cm, in, pt, px, pc, ex, em。em 和 ex 树立爆发对立于父字体的字体尺寸。百分比 - 以父元素的百分比树立边框。证明：弥补值不许运用负值，但不妨是少量。例子2、padding功效：是个简写属性，用来树立上，下，左，右各个目标边框和实质元素的间距。数值：同前。证明：用简单值不妨让毎边等距弥补；即使用两个值，则第一个值用来左右弥补，第二个值用来安排弥补；即使用三个值，则赋于上边弥补，安排弥补和下边弥补；即使用四个值，则辨别用来上，右，下，左弥补。不妨搀和数值典型。例子二、框边框属性1、border-topborder-bottomborder-rightborder-left功效：这四个属性都是简写属性，辨别树立上，下，右，左的边框属性。缺省情景下，边框没有款式树立。数值：公有三个边框属性border-width: 取值为 thin, medium, thick或指定长度。border-style: 树立用来化装边框的底纹。不妨树立下列款式：none, dotted,doshed, solid, double, groove, ridge, inset, outset。border-color: 树立边框脸色。例子2、border-top-widthborder-bottom-widthborder-right=widthborder-left-width 功效：辨别树立各个边框的厚薄。数值：thin - 细边框。medium - 平淡线宽。thick - 粗线。长度 - 用对立或一致单元树立边框宽窄。例子3、border-width功效：简写属性，可同声树立四个边框的宽窄。数值：thin - 细边框。medium - 平淡线宽。thick - 粗线。长度 - 用对立或一致单元树立边框宽窄。证明：见 padding 证明。例子：边框属性4、border-color功效：简写属性，树立四个边框的脸色值。数值：不妨用脸色名或rgb值。即使指存单个脸色，则四个边框都表露为这个脸色；即使指定两个脸色，则程序为左右，安排；即使指定三种脸色，则程序为上，安排，下；即使指定四种脸色，则程序为上，右，下，左。证明：脸色名如次aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.对于rgb值，可用三种本领指定#rrggbb; rgb(r,g,b); rgb(r%,g%,b%)例子：边框脸色5、border-style功效：用来表露边框和指定边框款式。数值：none - 不表露边框，为缺省值dotted - 点线dashed - 虛线solid - 实线double - 双线groove - 3d堕入线ridge - 3d山岭狀线inset - 使页面有沉入感outset - 使页面有浮出感证明：并非一切欣赏器都能表露ridge, inset, outset 之类的款式，有些欣赏器将一切边框都绘制成实线。example1example26、border功效：简写属性，树立一切边框属性。数值：border-width - 取值 thin, medium, thick 或指定长度。border-style - 取值 none, dotted, dashed, solid, double, groove, ridge, inset, outsetborder-color - 可用脸色名或rgb值。证明：与其它简写属性各别的是，每个树立只能取一个值，这个属性平均效率于框的各边。例子：this is a example 三、框边境属性1、margin-bottommargin-leftmargin-rightmargin-top功效：这四个属性用来树立元素与其相邻元素间的隔绝，不妨用长度或对立于其父文本的宽窄的百分比来设置，也不妨机动处置。数值：长度 - 树立元素相映边与框边际之间的对立或一致隔绝，灵验单元为：mm, cm, in, px, pt, pica,ex, em ...百分比 - 以父元素宽窄的百分比树立边境尺寸。auto - 机动，这个树立取欣赏器的缺省边境。例子2、margin功效：简写属性，用来設置元素的一切边境。这是用来刻画元素的实质的边际到框边际的隔绝的。这个区老是通明的，不妨看到底下的页面后台。数值：长度 - 同前百分比 - 以父元素宽窄的百分比树立边境尺寸。auto - 机动，这个树立取欣赏器的缺省边境。例子四、框场所属性1、height功效：树立元素莫大，欣赏器依照这个莫大安排图形。数值：长度 - mm, cm, px, pt, .....auto - 机动。2、width功效：树立元素宽窄，欣赏器依照这个宽窄安排图形。数值：长度 - mm, cm, in, px, pt, ......百分比 - 将图形尺寸树立为父元素宽窄的百分比。auto - 机动安排3、float功效：用来在普遍元素流安置准则除外放上元素。数值：none - 无变换。left - 将其它元素实质放到浮动元素右边。right - 将其它元素实质放到浮动元素左边。4、clear功效：用来承诺或遏止指定元素左右安置其它元素(常常是线上海图书馆形).数值：none - 无穷制。left - 将元素放在左边浮动元素底下right - 将元素放在右边浮动元素底下both - 元素双方都不承诺安置浮动元素