Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Compréhension du Dimensionnement des Boîtes en CSS | Le Modèle de Boîte CSS et l'Espacement des Éléments
Fondamentaux De CSS

bookCompré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

index.html

styles.css

styles.css

copy

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 ?

question mark

Quelle est la valeur par défaut de la propriété box-sizing ?

Select the correct answer

question mark

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 ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 2

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

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

bookCompré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

index.html

styles.css

styles.css

copy

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 ?

question mark

Quelle est la valeur par défaut de la propriété box-sizing ?

Select the correct answer

question mark

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 ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 2
some-alt