Compartimentation CSS

Le module de compartimentation CSS (ou containment en anglais) définit la compartimentation et les requêtes de conteneur.

La compartimentation permet d'isoler des sous-arbres de la page du reste du DOM. Le navigateur peut alors améliorer les performances en optimisant le rendu de ces parties indépendantes.

Les requêtes de conteneur sont similaires aux requêtes média basées sur les dimensions, sauf que les requêtes sont basées sur les dimensions d'un élément conteneur spécifique défini comme un contexte de compartimentation, plutôt que sur les dimensions de la fenêtre d'affichage. Les requêtes de conteneur permettent d'interroger la taille, les propriétés, les valeurs de propriétés d'un conteneur, ou même simplement son nom de conteneur (container-name) attribué pour appliquer conditionnellement des styles CSS. Lors de l'application de ces styles conditionnels, vous pouvez utiliser des unités de longueur de requête de conteneur, qui définissent des longueurs relatives aux dimensions du conteneur de requête. Des propriétés supplémentaires sont définies pour permettre d'établir un élément spécifique comme conteneur de requête et de lui donner un nom spécifique.