Style boxSizing 屬性
描述
boxSizing 屬性允許您定義某些元素以特定方式適應區域。
例如，如果您想要兩個帶邊框的盒子並排顯示，可以透過將 boxSizing 設定為 "border-box" 來實現。這會強制瀏覽器以指定的寬度和高度渲染盒子，並將邊框和內邊距放在盒子內部。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| boxSizing | 是 | 是 | 是 | 是 | 是 |
語法
返回 boxSizing 屬性
物件.style.boxSizing
設定 boxSizing 屬性
物件.style.boxSizing = "content-box|border-box|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| content-box | 預設值。這是 CSS2.1 指定的寬度和高度的行為。指定的寬度和高度（以及 min/max 屬性）分別應用於元素內容框的寬度和高度。元素的內邊距和邊框在指定的寬度和高度之外佈局和繪製。 |
| border-box | 此元素上指定的寬度和高度（以及 min/max 屬性）決定了元素的邊框盒。也就是說，元素上指定的任何內邊距或邊框都將在此指定的寬度和高度內部佈局和繪製。內容寬度和高度透過從指定的 'width' 和 'height' 屬性中減去各自側的邊框和內邊距寬度來計算。 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | content-box |
|---|---|
| 返回值 | 一個字串，表示元素的 box-sizing 屬性。 |
| CSS 版本 | CSS3 |
相關頁面
CSS 參考：box-sizing 屬性
