CSS-Bedingungsregeln

Das CSS-Bedingungsregel-Modul definiert CSS-Media- und Supportabfragen, die es ermöglichen, Stile zu definieren, die nur angewendet werden, wenn bestimmte Bedingungen erfüllt sind. Die in diesem Modul definierten Bedingungsregeln basieren auf den Fähigkeiten des Geräts, des User-Agents und des Viewports. Mit Bedingungsregeln können Sie CSS-Stile basierend auf Abfragewerten oder Browser- und Geräteeigenschaften anvisieren, unabhängig von dem Dokument, das gerendert wird.

Die ersten CSS-Bedingungsregeln waren Medientypen, die das beabsichtigte Zielmedium für die verlinkten Stile spezifizierten, zum Beispiel screen oder print. Diese wurden als Wert der media-Attribute der HTML-<link>- und <style>-Elemente oder als kommagetrennte Liste von Medientypen innerhalb einer @import-Anweisung oder At-Regel festgelegt. Die Möglichkeit, CSS-Regeln bedingt anzuwenden, wurde stark erweitert seit den Implementierungen von CSS 2.1 und HTML 4.01, die bedingte Abfragen auf wenige Medientypen beschränkten.

CSS-Bedingungsregeln umfassen jetzt auch Feature-Abfragen; die @supports-At-Regel ermöglicht es, CSS-Stile basierend auf den CSS-Fähigkeiten eines User-Agents zu definieren. Zusätzliche Bedingungen umfassen, welche Selektoren, Schriftformate und Schrifttechnologien unterstützt werden.

Das CSS-Bedingungsregel-Modul erweitert auch @media, um das Schachteln von At-Regeln zu ermöglichen, wobei das zugehörige CSS-Mediaqueries--Modul ungenutzte Medientypen entfernt und viele Medienfunktionen und -bedingungen hinzufügt, die anvisiert werden können.

Das CSS-Containerabfragen-Modul definiert ähnliche Bedingungsregeln, jedoch basierend auf dem Elternteil eines Elements anstelle des Viewports.

Es gibt Pläne, die möglichen Abfragen weiter zu erweitern, indem die verallgemeinerte Bedingungsregel @when und die verkettete Bedingungsregel @else hinzugefügt werden. Diese beiden At-Regeln werden derzeit noch nicht unterstützt.