Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSS-Einschluss

Das CSS Containment-Modul definiert Einschluss- und Containeranfragen.

Einschluss ermöglicht die Isolierung von Seitenteilen vom Rest des DOM. Der Browser kann dann die Leistung verbessern, indem er das Rendering dieser unabhängigen Teile optimiert.

Containeranfragen sind ähnlich wie Dimensionen Media Queries, außer dass die Anfragen auf den Dimensionen eines bestimmten Containerelements basieren, das als Containment-Kontext definiert ist, anstatt auf den Dimensionen des Viewports. Containeranfragen ermöglichen das Abfragen der Größe eines Containers, seiner Eigenschaften, seiner Eigenschaftswerte oder sogar nur seines zugewiesenen container-name, um conditionale CSS-Stile anzuwenden. Beim Anwenden dieser conditionellen Stile können Sie Längeneinheiten für Containeranfragen verwenden, die Längen relativ zu den Dimensionen des Anfragecontainers angeben. Zusätzliche Eigenschaften werden definiert, um ein bestimmtes Element als Anfragecontainer zu etablieren und ihm einen spezifischen Namen zu geben.

Referenz

Eigenschaften

Ereignisse

Schnittstellen

Leitfäden

CSS-Containeranfragen

Ein Leitfaden zur Verwendung von Containeranfragen mit @container, einschließlich der Benennung von Containment-Kontexten.

Verwendung von CSS-Einschluss

Beschreibt die grundlegenden Ziele des CSS-Einschlusses und wie man contain und content-visibility für ein besseres Benutzererlebnis einsetzt.

Verwendung von Containergrößen- und Stilabfragen

Ein Leitfaden zum Schreiben von Containergrößen- und Stilabfragen mit @container, einschließlich Stilabfragen für benutzerdefinierte Eigenschaften, Abfragesyntax und Namen sowie das Verschachteln von Containeranfragen.

Verwandte Konzepte

Spezifikationen

Spezifikation
CSS Containment Module Level 2
CSS Containment Module Level 3

Siehe auch