Maison > interface Web > tutoriel CSS > le corps du texte

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

爱喝马黛茶的安东尼
Libérer: 2019-07-22 09:39:57
original
15563 Les gens l'ont consulté

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. : "

Connaissance CSS_CSS3

Description du paramètre

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 ;

Instance :

box-sizing: content-box/border-box/inherit;
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal