Style boxSizing Property

boxSizingプロパティを変更します。

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

定義と使用法

boxSizingプロパティは、特定の方法で地域に合わせて特定の要素を定義することができます。

あなたが側による2つの縁取りの箱の側面をしたい場合、それは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	その親要素からこのプロパティを継承します。継承についての記事を読みます