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

css
/* 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

css
@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

Siehe auch