CSS-Bedingungsregeln

Das Modul CSS-Bedingungsregeln definiert CSS-Medien- und Support-Abfragen, mit denen Sie Stile festlegen können, die nur angewendet werden, wenn bestimmte Bedingungen erfüllt sind. Die in diesem Modul definierten Bedingungsregeln basieren auf Geräte-, Benutzeragenten- und Viewport-Funktionen. Mit Bedingungsregeln können Sie CSS-Stile basierend auf Abfragewerten oder Browser- und Gerätefunktionen anwenden, unabhängig vom gerenderten Dokument.

Die ersten CSS-Bedingungsregeln waren Medientypen, die das vorgesehene Zielmedium für die verbundenen Stile spezifizierten, z. B. screen oder print. Diese wurden als Wert der media-Attribute der HTML-Elemente <link> und <style> oder als eine durch Kommas getrennte Liste von Medientypen in einer @import-Anweisung oder At-Regel verwendet. Die Möglichkeit, CSS-Regeln bedingt anzuwenden, wurde seit den CSS 2.1- und HTML 4.01-Implementierungen, die bedingte Abfragen auf wenige Medientypen beschränkten, erheblich erweitert.

CSS-Bedingungsregeln umfassen jetzt Feature-Abfragen; die At-Regel @supports ermöglicht das Anwenden von CSS-Stilen basierend auf den CSS-Möglichkeiten eines Benutzeragenten. Zusätzliche Bedingungen beinhalten unterstützte Selektoren, Schriftformatierungen und Schrifttechnologien.

Das Modul CSS-Bedingungsregeln erweitert auch @media, um das Schachteln von At-Regeln zu ermöglichen, wobei das verwandte CSS-Medienabfragen-Modul ungenutzte Medientypen entfernt und viele Medieneigenschaften und Bedingungen hinzufügt, die gezielt angesprochen werden können.

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

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