At-Regeln

At-Regeln sind CSS-Anweisungen, die CSS anweisen, wie es sich verhalten soll. Sie beginnen mit einem At-Zeichen, @ (U+0040 COMMERCIAL AT), gefolgt von einem Bezeichner. Sie umfassen alles von dem 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 erklären, die nicht direkt mit dem ausgewählten Inhalt verbunden sind, und syntaktische Konstrukte wie Importe und Namensraumzuordnungen zu verwalten.

Syntax

Die At-Regel wird im CSS-Syntax-Modul definiert, wobei verschiedene At-Regeln in ihren jeweiligen Modulen definiert sind. Sie nehmen im Allgemeinen eine von zwei Formen an, abhängig von der spezifischen Regel und ihrem Zweck: Anweisungen-At-Regeln und Block-At-Regeln, die geschachtelte qualifizierte Regeln, At-Regeln oder Deklarationen enthalten können.

Anweisungen-At-Regeln

css

/* General structure */
@identifier (RULE);

/* Example: tells browser to use UTF-8 character set */
@charset "utf-8";

Anweisungen-At-Regeln enden mit einem Semikolon. Es gibt mehrere Anweisungen-At-Regeln, die durch ihre Bezeichner gekennzeichnet sind, jede mit einer anderen Syntax:

@charset: Ein Algorithmus (hat die syntaktische Form einer At-Regel, ist aber keine Definition), der den Fallback-Zeichensatz des Stylesheets bestimmt (CSS-Syntax).
@import: Fordert die CSS-Engine auf, ein externes Stylesheet einzubinden (CSS-Kaskadierung und Vererbung).
@layer: Definiert die Prioritätsreihenfolge bei mehreren Kaskadenebenen (CSS-Kaskadierung und Vererbung). Wird auch als Block-At-Regel verwendet, um die Stile einer Ebene zu definieren.
@namespace: Definiert einen Standard-Namensraum für ein Stylesheet oder ein Namensraum-Präfix, das ein Selektor nur dann erfüllt, wenn der Namensraum und andere Selektor-Komponenten übereinstimmen (CSS-Namensräume).

Block-At-Regeln

css

@identifier (RULE) {
}

Block-At-Regeln enden mit 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 bedingte Gruppenregel, die ihren Inhalt anwendet, wenn der Container die <container-condition> erfüllt (CSS-Eindämmung).
@font-face: Definiert Schriftressourcenstandorte, sowohl lokal als auch extern, zusammen mit den Stilmerkmalen für die Verwendung dieser Ressourcen mit einer deklarierten font-family (CSS-Schriften).
@font-feature-values (plus @swash, @ornaments, @annotation, @stylistic, @styleset und @character-variant): Steuert die Schriftdarstellung pro Schriftfamilie, indem schrifttypenspezifische Alternativen oder benutzerdefinierte Namen für Feature-Indizes in font-variant-alternates in OpenType definiert werden (CSS-Schriften).
@keyframes (und das @-webkit-keyframes Alias): 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 inside (CSS-Kaskadierung und Vererbung). Wird auch als Anweisungen-At-Regel verwendet, um die Prioritätsreihenfolge bei mehreren Kaskadenschichten zu definieren.
@media: Eine bedingte Gruppenregel, die ihren Inhalt anwendet, wenn das Gerät die Kriterien der Bedingung erfüllt, die mit einer Media Query definiert wurde (CSS-Bedingungsregeln).
@page: Gibt Aspekte einer zu druckenden Seite an, wie z.B. ihre Abmessungen, Ausrichtung und Ränder (CSS-Seitenmedien).
@position-try: Definiert benutzerdefinierte Positionsoptionen, die für die Definition von Fallback-Positionierungs- und Ausrichtungsoptionen für verankerte Elemente verwendet werden können (CSS-Verankerungspositionierung).
@property: Definiert eine CSS-Benutzerdefinierte Eigenschaft, die die Eigenschaftstypprüfung und -einschränkung, das Setzen von Standardwerten und die Definition, ob eine benutzerdefinierte Eigenschaft Werte erben kann, ermöglicht (CSS-Benutzerdefinierte Eigenschaften für kaskadierende Variablen).
@scope: Definiert einen Anwendungsbereich, in dem sie auf ausgewählte Elemente angewendet werden, und die Stile, die auf die Elemente in diesem Bereich angewendet werden sollen (CSS-Kaskadierung und Vererbung).
@starting-style: Definiert die Anfangswerte für ein Element, um von dort aus zu wechseln, wenn das Element sein erstes Stil-Update erhält, z.B. beim Übergang von display: none (CSS-Übergänge).
@supports: Eine bedingte Gruppenregel, die ihren Inhalt anwendet, wenn der Browser die CSS-Funktionen der gegebenen Bedingung unterstützt (CSS-Bedingungsregeln).
@view-transition: Setzt das aktuelle Dokument und das Zieldokument bei Übergängen über Dokumentengrenzen hinweg auf eine Ansichtsübergang.

Spezifikationen

Specification
CSS Syntax Module Level 3

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden