Quelle est la propriété de dimensionnement de la boîte

Définition et utilisation de l'attribut box-sizing

L'attribut box-sizing est un nouvel attribut en CSS3, permettant Vous définissez certains éléments de manière à les adapter à une zone spécifiée (par exemple, si vous devez placer deux boîtes bordées côte à côte, vous pouvez le faire en définissant la propriété box-sizing sur "border-box", ce qui provoque l'affichage navigateur pour afficher la boîte avec une largeur et une hauteur spécifiées, et la bordure et le remplissage sont placés dans la boîte);

Les navigateurs Internet Explorer, Opera et Chrome ne prennent pas en charge l'attribut box-sizing. prend encore en charge cet attribut, mais il le fait. : "

》

content-box : Il s'agit du comportement de largeur et de hauteur spécifié par CSS2.1. La largeur et la hauteur sont appliquées respectivement à la zone de contenu de l'élément. Dans la largeur et la hauteur

border-box : La largeur et la hauteur définies pour un élément déterminent la zone de bordure de l'élément, c'est-à-dire tout remplissage et bordure. spécifié pour l'élément Les bordures seront dessinées dans la largeur et la hauteur définies. La largeur et la hauteur du contenu peuvent être obtenues en soustrayant respectivement la bordure et le remplissage de la largeur et de la hauteur définies inherit : spécifie que la valeur de l'attribut box-sizing doit être héritée de l'élément parent ;

box-sizing: content-box/border-box/inherit;

Résultat de l'exécution :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!