CSS At-Regel-Funktionen

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

Die Syntax beginnt mit dem At-Symbol @ und einem At-Regel-Bezeichner, wie import. Dies wird gefolgt vom Namen der At-Regel-Funktion, wie url, gefolgt von einem Paar aus öffnenden und schließenden Klammern. Innerhalb der Klammern werden ein oder mehrere Argumente angegeben.

Einige At-Regel-Funktionen können mehrere Argumente aufnehmen, die ähnlich wie CSS-Eigenschaften-Werte formatiert sind. Leerzeichen sind zulässig, aber innerhalb der Klammern optional. Mehrere Argumente können mit einem Komma oder einem Leerzeichen getrennt werden.

Die @import At-Regel wird verwendet, um Stile aus anderen Stylesheets zu importieren.

@import url()

Importiert eine Stylesheet-Datei von der angegebenen URL.

@import supports()

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

@import layer()

Importiert eine Stylesheet-Datei in die angegebene Kaskadenschicht.

Die @supports At-Regel überprüft die Unterstützung eines Browsers für das angegebene CSS-Feature und wendet anschließend das CSS-Styling an.

@supports selector()

Wendet CSS-Regeln an, nachdem die Unterstützung des Browsers für die angegebene Selektor-Syntax ü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-Regel wird verwendet, um XML-Namensräume in einem CSS-Stylesheet zu spezifizieren.

@namespace url()

Definiert XML-Namensraum von der angegebenen URL.

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

@container style()

Definiert den Containment-Kontextstil.

• CSS-Syntax Modul