Exemple
Modifiez la propriété boxSizing:
document.getElementById("myDIV").style.boxSizing = "border-box";
Essayez vous - même » Définition et utilisation
La propriété boxSizing vous permet de définir certains éléments pour s'adapter à une zone d'une certaine façon.
Par exemple, si vous voulez deux boîtes bordée côte à côte, il peut être atteint grâce à la mise boxSizing à "border-box" . Cela force le navigateur pour rendre la boîte avec la largeur et la hauteur spécifiées, et placer la bordure et l'espacement à l'intérieur de la boîte.
Support du navigateur
La propriété boxSizing est pris en charge dans Internet Explorer, Opera, Chrome et Safari.
Firefox supporte une alternative, la propriété MozBoxSizing.
Syntaxe
Retour la propriété boxSizing:
object .style.boxSizing Définissez la propriété boxSizing:
object .style.boxSizing="content-box|border-box|initial|inherit"
Valeurs de propriété
| Valeur | La description |
|---|---|
| content-box | Valeur par défaut. Ceci est le comportement de la largeur et de la hauteur spécifiée par CSS2.1. La largeur et la hauteur spécifiées (and min/max properties) appliquent à la largeur et la hauteur respectivement de la zone de contenu de l'élément. Le rembourrage et la bordure de l'élément sont disposés et étirés en dehors de la largeur et la hauteur spécifiées |
| border-box | La largeur et la hauteur spécifiées (and min/max properties) les (and min/max properties) sur cet élément déterminer la zone de bordure de l'élément. Autrement dit, tout rembourrage ou à la frontière indiquée sur l'élément est aménagé et étirés à l'intérieur de cette largeur et la hauteur spécifiées. La largeur de la teneur et de la hauteur sont calculées en soustrayant les largeurs de bordure et l'espacement des côtés respectifs de la spécifié « largeur » et « propriétés de hauteur » |
| initial | Définit cette propriété à sa valeur par défaut. Lisez à propos initial |
| inherit | Hérite cette propriété de son élément parent. En savoir plus sur hériteront |
Détails techniques
| Valeur par défaut: | Boîte de contenu |
|---|---|
| Valeur de retour: | Une chaîne, ce qui représente la propriété de boîte de dimensionnement d'un élément |
| version CSS | CSS3 |
Pages associées
Référence CSS: la box-sizing property
<Style objet