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	继承其父元素此属性。阅读关于继承