At-Regeln
At-Regeln sind CSS-Anweisungen, die CSS Anweisungen geben, wie es sich verhalten soll. Sie beginnen mit einem At-Zeichen, @
(U+0040 COMMERCIAL AT), gefolgt von einem Bezeichner. Sie umfassen alles vom At-Schlüsselwort bis zum nächsten Semikolon, ;
(U+003B SEMICOLON), oder dem nächsten CSS-Block, je nachdem, was zuerst kommt.
At-Regeln werden verwendet, um Stilregeln und andere At-Regeln zu gruppieren und zu strukturieren, Stilinformationen zu deklarieren, die nicht direkt mit ausgewähltem Inhalt verbunden sind, und syntaktische Konstrukte wie Importe und Namespace-Schlüsselwortzuordnungen zu verwalten.
Syntax
Die At-Regel ist im CSS-Syntax-Modul definiert, wobei verschiedene At-Regeln in ihren jeweiligen Modulen definiert sind. Sie nehmen im Allgemeinen je nach spezifischer Regel und ihrem Zweck eine von zwei Formen an: Anweisungs-At-Regeln und Block-At-Regeln, die geschachtelte qualifizierte Regeln, At-Regeln oder Deklarationen enthalten können.
Anweisungs-At-Regeln
/* General structure */
@identifier (RULE);
/* Example: tells browser to use UTF-8 character set */
@charset "utf-8";
Anweisungs-At-Regeln enden mit einem Semikolon. Es gibt mehrere Anweisungs-At-Regeln, die durch ihre Bezeichner gekennzeichnet sind, jede mit einer unterschiedlichen Syntax:
@charset
-
Ein Algorithmus (hat die syntaktische Form einer At-Regel, ist aber keine Definition), der den Fallback-Zeichensatz bestimmt, der vom Stylesheet verwendet wird (CSS-Syntax).
@import
-
Weist die CSS-Engine an, ein externes Stylesheet einzubinden (CSS-Kaskadierung und Vererbung).
@layer
-
Definiert die Prioritätsreihenfolge im Falle mehrerer Kaskadenschichten (CSS-Kaskadierung und Vererbung). Wird auch als Block-At-Regel verwendet, um die Stile einer Schicht zu definieren.
@namespace
-
Definiert einen Standard-Namespace für ein Stylesheet oder ein Namespace-Präfix, das ein Selektor nur erfüllt, wenn der Namespace und andere Komponenten des Selektors übereinstimmen (CSS-Namespace).
Block-At-Regeln
@identifier (RULE) {
}
Block-At-Regeln enden in einem {}
-Block, der geschachtelte Regeln, andere At-Regeln oder Eigenschafts- oder Deskriptor-Deklarationen enthält.
@counter-style
-
Definiert benutzerdefinierte Zählerstile und erweitert vordefinierte Listenstile (CSS-Zählerstile).
@container
-
Eine konditionale Gruppierungsregel, die ihren Inhalt anwendet, wenn der Container die
<container-condition>
s erfüllt (CSS-Containment). @font-face
-
Definiert Schriftartressourcen, sowohl lokale als auch externe, sowie die Stileigenschaften, die verwendet werden, wenn diese Ressourcen mit einer deklarierten
font-family
verwendet werden (CSS-Schriften). @font-feature-values
(plus@swash
,@ornaments
,@annotation
,@stylistic
,@styleset
und@character-variant
)-
Steuert die Schriftanzeige pro Schriftfamilie, indem schriftartenspezifische Alternativen definiert oder benutzerdefinierte Namen Feature-Indizes in
font-variant-alternates
in OpenType zugewiesen werden (CSS-Schriften). @keyframes
(und der Alias@-webkit-keyframes
)-
Definiert eine benannte Animation, indem CSS-Stile für Zwischenschritte (oder Keyframes) in der Animationssequenz beschrieben werden (CSS-Animationen).
@layer
-
Erstellt eine benannte Kaskadenschicht mit den CSS-Regeln für diese Schicht (CSS-Kaskadierung und Vererbung). Wird auch als Anweisungs-At-Regel verwendet, um die Prioritätsreihenfolge im Falle mehrerer Kaskadenschichten zu definieren.
@media
-
Eine konditionale Gruppierungsregel, die ihren Inhalt anwendet, wenn das Gerät die Kriterien der im Medientyp definierten Bedingung erfüllt (CSS-Konditionalregeln).
@page
-
Gibt Aspekte einer zu druckenden Seite an, wie deren Dimensionen, Ausrichtung und Ränder (CSS-Paged-Media).
@position-try
-
Definiert benutzerdefinierte Positionsoptionen, die verwendet werden können, um Fallback-Positionierungs- und Ausrichtungsoptionen für Anker-positionierte Elemente festzulegen (CSS-Verankerungspositionierung).
@property
-
Definiert eine CSS-Benutzereigenschaft, um Typprüfungen und Einschränkungen durchzuführen, Standardwerte festzulegen und zu definieren, ob eine Benutzereigenschaft Werte erben kann oder nicht (CSS-Benutzereigenschaften für kaskadierende Variablen).
@scope
-
Definiert einen Bereich, in dem die Stile für ausgewählte Elemente angewendet werden sollen, sowie die Stile, die auf die Elemente in diesem Bereich anzuwenden sind (CSS-Kaskadierung und Vererbung).
@starting-style
-
Definiert die Anfangseigenschaften für ein Element, von denen aus Übergänge beginnen sollen, wenn das Element seine erste Stil-Aktualisierung erhält, z. B. beim Übergang von
display: none
(CSS-Übergänge). @supports
-
Eine konditionale Gruppierungsregel, die ihren Inhalt anwendet, wenn der Browser die CSS-Funktionen der gegebenen Bedingung unterstützt (CSS-Konditionalregeln).
@view-transition
-
Melden Sie das aktuelle Dokument bei einer Ansichtsübergang an, sowie das Ziel-Dokument im Falle von Übergängen zwischen Dokumenten.
Index
Spezifikationen
Specification |
---|
CSS Syntax Module Level 3 |