CSS屬性box是用來(lái)控制盒模型的屬性集合,包括以下子屬性:
box-sizing: content-box | border-box | inherit; padding: length | initial | inherit; border: border-width border-style border-color | initial | inherit; border-radius: length | percentage | initial | inherit; margin: length | auto | initial | inherit; width: length | auto | initial | inherit; height: length | auto | initial | inherit;
box-sizing屬性用來(lái)指定盒子的大小,可選值包括content-box(默認(rèn),計(jì)算元素的高度和寬度,不包括邊框和內(nèi)邊距)、border-box(計(jì)算元素的高度和寬度,包括邊框和內(nèi)邊距)、inherit(從父元素繼承值)。
padding屬性用來(lái)調(diào)整元素的內(nèi)邊距,可接受長(zhǎng)度值(如px、em)。
border屬性設(shè)置元素的邊框,包括邊框的寬度、樣式和顏色,可接受三個(gè)值,分別表示寬度、樣式和顏色,比如1px solid black。
border-radius屬性用來(lái)讓元素的角變?yōu)閳A角,可接受長(zhǎng)度值和百分比。
margin屬性用來(lái)調(diào)整元素的外邊距,可接受長(zhǎng)度值和auto,auto表示讓瀏覽器自動(dòng)計(jì)算外邊距。
width和height屬性用來(lái)控制元素的寬度和高度,可接受長(zhǎng)度值和auto。
總之,box屬性非常重要,用來(lái)控制元素在布局上的尺寸和形狀,可以靈活地應(yīng)對(duì)各種布局需求。