Dimensionnement de boîte CSS

Le module de dimensionnement de boîte CSS permet de préciser comment les éléments s'ajustent à leur contenu ou s'intègrent dans un contexte de mise en page donné. Il définit des propriétés de dimensionnement, de dimensionnement minimum et maximum, et étend les propriétés de dimensionnement CSS avec des mots-clés représentant la taille intrinsèque fondée sur le contenu et la taille extrinsèque fondée sur le contexte.

Les éléments peuvent être dimensionnés de façon extrinsèque ou intrinsèque. Le modèle de boîte CSS définit des propriétés relatives à la page permettant de fixer explicitement, ou « extrinsèquement », la taille d'un élément, notamment les propriétés width, height, padding et margin (ainsi que les propriétés border définies dans le module Arrière-plans et bordures CSS). Ce module du dimensionnement des boîtes CSS étend le module du modèle de boîte pour permettre de dimensionner un élément de façon intrinsèque — définir la taille d'un élément en fonction de la taille de son contenu.

Les valeurs de dimensionnement introduites dans ce module permettent aux éléments utilisant le confinement de la taille d'adopter des tailles intrinsèques explicites, comme si la largeur et la hauteur de leur contenu en flux correspondaient à la taille intrinsèque explicite définie, plutôt que d'être dimensionnés comme s'ils étaient vides.

Ce module introduit également la possibilité de définir un ratio d'aspect pour la boîte d'un élément, ce qui permet au navigateur d'ajuster automatiquement les dimensions d'un élément afin de maintenir un ratio d'aspect défini dès lors qu'une des dimensions est dimensionnée automatiquement.

Le module des propriétés et valeurs logiques a étendu les propriétés disponibles dans les modules du modèle de boîte et du dimensionnement des boîtes pour inclure des équivalents relatifs au mode d'écriture des propriétés physiques correspondantes du modèle de boîte et du dimensionnement intrinsèque.