CSS.3盒子
盒子
盒子大小
width,height
默認情況下,一個盒子大小剛好容納其中的內容,並根據其中內容變化而變化。如果自定義合資的大小,就需要用到width和height屬性。
指定盒子大小的最常用的方式是像素、百分數或em值。
寬度限制
min-width,max-width
min-width屬性指定一個盒子在瀏覽器窗口較窄是可以顯示的最小寬度
max-width屬性指定一個盒子在瀏覽器窗口較寬時所能伸展的最大寬度
高度限制
min-height,max-height
與限制合資寬度的方式一樣,你還可以對頁面上的莫個盒子進行高度限制。
高度限制可以利用min-height和max-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盒子