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 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 verknüpft sind, und syntaktische Konstrukte wie Import- und Namespace-Schlüsselwort-Zuordnungen zu verwalten.

Syntax

Die At-Regel wird im CSS-Syntax-Modul definiert, wobei verschiedene At-Regeln in ihren jeweiligen Modulen definiert werden. Sie nehmen im Allgemeinen eine von zwei Formen an, abhängig von der spezifischen Regel und ihrem Zweck: Anweisungs-At-Regeln und Block-At-Regeln, die verschachtelte 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, gekennzeichnet durch ihre Bezeichner, jede mit einer anderen Syntax:

@charset: Ein Algorithmus (hat die syntaktische Form einer At-Regel, ist aber keine Definition), der den Fallback-Zeichensatz bestimmt, den das Stylesheet verwendet (CSS-Syntax).
@import: Teilt der CSS-Engine mit, ein externes Stylesheet zu inkludieren (CSS-Kaskadierung und Vererbung).
@layer: Definiert die Reihenfolge der Prioritäten 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 dann matcht, wenn der Namespace und andere Selektor-Komponenten übereinstimmen (CSS-Namespaces).

Block-At-Regeln

css

@identifier (RULE) { }

Block-At-Regeln enden in einem {}-Block, der verschachtelte Regeln, andere At-Regeln oder Eigenschafts- oder Deskriptordeklarationen enthält.

@counter-style: Definieren Sie benutzerdefinierte Zählerstile und erweitern Sie vordefinierte Listenstile (CSS-Zählerstile).
@container: Eine Bedingungsgruppenregel, die ihren Inhalt anwendet, wenn der Container die <container-condition>s erfüllt (CSS-Eingrenzung).
@font-face: Definiert die Ressourcenorte von Schriften, 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 Schriftanzeige pro Schriftfamilie, indem schriftartenspezifische Alternativen oder benutzerdefinierte Namen zu Merkmalindizes in font-variant-alternates in OpenType definiert werden (CSS-Schriften).
@keyframes (und der Alias @-webkit-keyframes): Definieren Sie eine benannte Animation, indem Sie die CSS-Stile für Zwischenstadien (oder Schlüsselbilder) in der Animationssequenz beschreiben (CSS-Animationen).
@layer: Erstellt eine benannte Kaskadenschicht mit den CSS-Regeln für diese Schicht im Inneren (CSS-Kaskadierung und Vererbung). Wird auch als Anweisungs-At-Regel verwendet, um die Reihenfolge der Prioritäten im Falle mehrerer Kaskadenschichten zu definieren.
@media: Eine Bedingungsgruppenregel, die ihren Inhalt anwendet, wenn das Gerät die Kriterien der durch eine Media Query definierten Bedingung erfüllt (CSS-Bedingungsregeln).
@page: Gibt Aspekte einer zu druckenden Seite an, wie z.B. deren Abmessungen, Orientierung und Ränder (CSS-medienfreundliches Layout).
@position-try: Definiert benutzerdefinierte Positionsoptionen, die verwendet werden können, um Fallback-Positionierungs- und Ausrichtungsoptionen für Anker-Positionierte Elemente zu definieren (CSS-Ankerpositionierung).
@property: Definiert eine CSS-Benutzereigenschaft, die Typüberprüfung und Einschränkung von Eigenschaften ermöglicht, Standardwerte festlegt und definiert, ob eine benutzerdefinierte Eigenschaft Werte erben kann oder nicht (CSS-Benutzereigenschaften für kaskadierende Variablen).
@scope: Definiert einen Geltungsbereich, um sie auf ausgewählte Elemente anzuwenden und die Stile, die auf die Elemente in diesem Geltungsbereich angewendet werden sollen (CSS-Kaskadierung und Vererbung).
@starting-style: Definiert die Anfangseigenschaftenwerte eines Elements, von denen aus übergegangen werden soll, wenn das Element sein erstes Stilupdate erhält, z.B. beim Übergang von display: none (CSS-Übergänge).
@supports: Eine Bedingungsgruppenregel, die ihren Inhalt anwendet, wenn der Browser die CSS-Funktionen der gegebenen Bedingung unterstützt (CSS-Bedingungsregeln).
@view-transition: Optiert das aktuelle Dokument in einen Ansichtstransition und das Zieldokument ebenfalls im Falle von Übergängen zwischen Dokumenten.

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