Taille extrinsèque

En CSS, la taille extrinsèque d'un élément est déterminée par son contexte de mise en page, c'est-à-dire par des contraintes imposées de l'extérieur de l'élément, sans tenir compte de son contenu. C'est l'opposé de la taille intrinsèque d'un élément, qui est basée sur son contenu.

Le dimensionnement extrinsèque se produit lorsque vous définissez ou contraignez explicitement la taille d'un élément à l'aide de propriétés du modèle de boîte CSS telles que width, height, block-size, inline-size, max-width et min-height. Par exemple, lorsque vous définissez width: 200px, vous définissez une taille extrinsèque.

Les valeurs en pourcentage sont également extrinsèques : elles sont calculées par rapport au bloc conteneur de l'élément. Par exemple, width: 50% signifie que la largeur de l'élément sera 50% de la largeur de son bloc conteneur, quel que soit le contenu de l'élément.

Les éléments de type bloc sont dimensionnés de manière extrinsèque. Lorsqu'aucune largeur n'est spécifiée, la largeur par défaut de l'élément bloc est auto, ce qui correspond à 100% de la largeur de son bloc conteneur.