1. 程式人生 > >CSS.3盒子

CSS.3盒子

分數 邊框 滾動條 min col 變化 width HR pos

盒子


盒子大小

width,height

默認情況下,一個盒子大小剛好容納其中的內容,並根據其中內容變化而變化。如果自定義合資的大小,就需要用到widthheight屬性。

指定盒子大小的最常用的方式是像素、百分數或em值。


寬度限制

min-width,max-width

min-width屬性指定一個盒子在瀏覽器窗口較窄是可以顯示的最小寬度

max-width屬性指定一個盒子在瀏覽器窗口較寬時所能伸展的最大寬度


高度限制

min-height,max-height

與限制合資寬度的方式一樣,你還可以對頁面上的莫個盒子進行高度限制。

高度限制可以利用min-heightmax-height

屬性來完成。


內容溢出

overflow

hidden:把一處合資空間的內容進行隱藏

scroll:在盒子上添加一個滾動條


邊框寬度

border-width

border-width 屬性用來控制邊框的寬度。該屬性可以是像素值,

也和以選擇以下值之一:

thin

medium

thick

該屬性值不可以使用百分數。

可以通過下面4種屬性分別對各個邊框大小進行控制:

border-top-width

border-right-width

border-bottom-width

border-left-width


邊框樣式

CSS.3盒子