CSS at-rule Funktionen

@identifier function([argument]? [, argument]!) {
}

Die Syntax beginnt mit dem Symbol @ und einem at-rule Bezeichner, wie z.B. import. Dies wird gefolgt vom Namen der at-rule Funktion, wie z.B. url, gefolgt von einem Paar von öffnenden und schließenden Klammern. Ein oder mehrere Argumente werden innerhalb der Klammern angegeben.

Einige at-rule Funktionen können mehrere Argumente annehmen, die ähnlich wie CSS-Eigenschaftswerte formatiert sind. Leerzeichen sind erlaubt, aber innerhalb der Klammern optional. Mehrere Argumente können durch ein Komma oder ein Leerzeichen getrennt werden.

Die @import at-rule wird verwendet, um Stile aus anderen Stylesheets zu importieren.

@import url()

Importiert eine Stylesheet-Datei von der angegebenen URL.

@import src()

Importiert eine Stylesheet-Datei aus der angegebenen Quelle.

@import supports()

Importiert eine Stylesheet-Datei basierend auf der Browser-Unterstützung.

@import layer()

Importiert eine Stylesheet-Datei in die angegebene Kaskadenschicht.

Die @supports at-rule prüft die Unterstützung eines Browsers für das angegebene CSS-Feature und wendet dann das CSS-Styling an.

@supports selector()

Wendet CSS-Regeln an, nachdem die Unterstützung des Browsers für die angegebene Selektorsyntax überprüft wurde.

@supports font-tech()

Wendet CSS-Regeln an, nachdem die Unterstützung des Browsers für die angegebene Schrifttechnologie überprüft wurde.

@supports font-format()

Wendet CSS-Regeln an, nachdem die Unterstützung des Browsers für das angegebene Schriftformat überprüft wurde.

Die @namespace at-rule wird verwendet, um XML-Namespaces zu definieren, die in einem CSS-Stylesheet verwendet werden sollen.

@namespace url()

Definiert einen XML-Namespace von der angegebenen URL.

@namespace src()

Definiert einen XML-Namespace aus der angegebenen Quelle.

Die @container at-rule wird verwendet, um Stile für einen Containment-Kontext zu spezifizieren.

@container style()

Definiert den Stil des Containment-Kontexts.