CSS containment

Das CSS Containment Modul definiert Containment und Container-Abfragen.

Containment ermöglicht die Isolierung von Teilbäumen einer Seite vom Rest des DOM. Dadurch kann der Browser die Performance verbessern, indem er die Darstellung dieser unabhängigen Teile optimiert.

Container-Abfragen ähneln Dimensions-Media Queries, mit dem Unterschied, dass die Abfragen auf den Dimensionen eines spezifischen Containerelements basieren, das als Containment Context definiert ist, anstatt auf den Dimensionen des Viewports. Container-Abfragen ermöglichen es, die Größe, Eigenschaften und Eigenschaftswerte eines Containers abzufragen, um CSS-Stile bedingt anzuwenden. Zum Anwenden dieser bedingten Stile können Sie Container-Abfrage-Längeneinheiten verwenden, die Längen relativ zu den Dimensionen des Abfragecontainers angeben. Zusätzliche Eigenschaften werden definiert, um ein spezifisches Element als Abfragecontainer festzulegen und ihm einen spezifischen Namen zu geben.