Style boxSizing Property

更改boxSizing屬性：

document.getElementById("myDIV").style.boxSizing = "border-box";

定義和用法

該boxSizing屬性允許您定義某些元素以某種方式，以適應區域。

例如，如果你想兩個並列的邊界盒側面，可以通過設置boxSizing以實現"border-box" 。這迫使瀏覽器渲染具有指定寬度和高度的盒子，並把邊界和填充箱內。

該boxSizing屬性在Internet Explorer中，歌劇，鉻，和Safari支持。

Firefox支持替代方案，MozBoxSizing財產。

返回boxSizing屬性：

object .style.boxSizing

設置boxSizing屬性：

object .style.boxSizing="content-box|border-box|initial|inherit"

值	描述
content-box	默認值。這是由CSS2.1指定寬度和高度的行為。指定的寬度和高度(and min/max properties)分別施加到的寬度和高度的元素的內容框的。該元件的填充和邊界被佈局和指定的寬度和高度外部吸入
border-box	指定的寬度和高度(and min/max properties)該元素上確定該元件的邊界框。即，在元件上指定的任何填充或邊界被佈置和此指定寬度和高度內繪製。內容的寬度和高度被從指定的“寬度”和“高度”屬性中減去各邊的邊界和填充寬度計算
initial	將此屬性設置為默認值。閱讀關於初始
inherit	繼承其父元素此屬性。閱讀關於繼承