Compréhension du Dimensionnement des Boîtes en CSS
La propriété box-sizing
permet de contrôler la manière dont la taille totale d’un élément est calculée, en particulier en ce qui concerne sa width
et sa height
. Il existe trois valeurs possibles pour la propriété box-sizing
. Voici ce que signifie chacune de ces valeurs :
box-sizing: content-box | border-box | inherit;
index.html
styles.css
Résultat
inherit
- La valeur
inherit
permet à la propriétébox-sizing
d’un élément d’hériter de la valeur de son élément parent ; - Cela signifie que le comportement de
box-sizing
de l’élément courant est déterminé par la propriétébox-sizing
de son parent ; - Cela peut aider à garantir un comportement cohérent de
box-sizing
dans tout un document en le définissant sur un conteneur parent.
1. Quelle est la valeur par défaut de la propriété box-sizing
?
2. Si un élément parent possède box-sizing: border-box
et qu’un élément enfant possède box-sizing: inherit
, quelle valeur l’élément enfant utilisera-t-il pour la propriété box-sizing
?
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 2.56
Compréhension du Dimensionnement des Boîtes en CSS
Glissez pour afficher le menu
La propriété box-sizing
permet de contrôler la manière dont la taille totale d’un élément est calculée, en particulier en ce qui concerne sa width
et sa height
. Il existe trois valeurs possibles pour la propriété box-sizing
. Voici ce que signifie chacune de ces valeurs :
box-sizing: content-box | border-box | inherit;
index.html
styles.css
Résultat
inherit
- La valeur
inherit
permet à la propriétébox-sizing
d’un élément d’hériter de la valeur de son élément parent ; - Cela signifie que le comportement de
box-sizing
de l’élément courant est déterminé par la propriétébox-sizing
de son parent ; - Cela peut aider à garantir un comportement cohérent de
box-sizing
dans tout un document en le définissant sur un conteneur parent.
1. Quelle est la valeur par défaut de la propriété box-sizing
?
2. Si un élément parent possède box-sizing: border-box
et qu’un élément enfant possède box-sizing: inherit
, quelle valeur l’élément enfant utilisera-t-il pour la propriété box-sizing
?
Merci pour vos commentaires !