CSS at-rule Funktionen
CSS at-rule Funktionen sind at-rule Anweisungen, die komplexe Regeln darstellen oder spezielle Datenverarbeitungen oder Berechnungen auslösen können.
Syntax
@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.
@import Funktionen
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.
@supports Funktionen
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.
@namespace Funktionen
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.
@container Funktionen
Die @container
at-rule wird verwendet, um Stile für einen Containment-Kontext zu spezifizieren.
@container style()
-
Definiert den Stil des Containment-Kontexts.