HTML-DOM Stil boxSizing Eigenschaft

Beispiele

Ändern boxSizing Eigenschaften:

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

Definition und Verwendung

boxSizing Eigenschaft ermöglicht es Ihnen, ein bestimmtes Element eines Bereichs eine bestimmte Spiel zu definieren.

Zum Beispiel, wenn Sie an Seite zwei Seiten zu platzieren müssen, mit einem Rand der Box, kann es durch boxSizing auf "border-box" hergestellt werden, zu erreichen. Dies kann eine Box mit der angegebenen Breite und Höhe, und der Grenze und Polsterung in die Box machen den Browser zeigt.

Browser-Unterstützung

Internet Explorer, Opera, Chrome und Safari unterstützen boxSizing Eigenschaft.

Firefox unterstützt eine weitere Alternative der Immobilie Attribut, das MozBoxSizing Eigenschaft.

Grammatik

Zurück boxSizing Eigenschaften:

object .style.boxSizing

Einstellen boxSizing Eigenschaften:

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

Eigenschaft Wert

值	描述
content-box	默认值。这是由 CSS2.1 规定的宽度和高度的行为。设定的宽度和高度（及 min/max 属性）分别应用到元素的内容框的宽度和高度。在设定的宽度和高度之外绘制元素的内边距和边框。
border-box	为元素设定的宽度和高度（及 min/max 属性）决定了元素的边框盒。也就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过把已设定的 'width' 和 'height' 属性分别减去边框和内边距才能得到内容的宽度和高度。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。