propriété HTML DOM style boxSizing

Exemples

Modification des propriétés boxSizing:

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

Définition et utilisation

boxSizing propriété vous permet de définir un match spécifique d'un élément particulier d'une région.

Par exemple, si vous devez placer deux côte à côte, avec une bordure de la boîte, il peut être préparé par boxSizing réglé sur "border-box" à atteindre. Cela peut rendre le navigateur montrant une boîte avec la largeur spécifiée et la hauteur, et la frontière, et le rembourrage dans la boîte.

support du navigateur

Internet Explorer, Opera, Chrome et Safari soutien propriété boxSizing.

Firefox supporte une autre variante de l'attribut de la propriété que la propriété MozBoxSizing.

grammaire

Retour propriétés boxSizing:

object .style.boxSizing

Définition des propriétés boxSizing:

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

Valeur de la propriété

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