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, stilistische Informationen zu deklarieren, die nicht direkt mit ausgewähltem Inhalt in Verbindung stehen, und um syntaktische Konstrukte wie Importe und Namensraum-Keyword-Zuordnungen zu verwalten.

Syntax

Die At-Regel ist im CSS-Syntax Modul definiert, wobei unterschiedliche 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 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, die durch ihre Bezeichner benannt sind, jede mit einer anderen Syntax:

@charset

Ein Algorithmus (hat die syntaktische Form einer At-Regel, ist jedoch keine Definition), der den Fallback-Zeichensatz bestimmt, der vom Stilblatt verwendet wird (CSS-Syntax).

@import

Weisung an die CSS-Engine, ein externes Stilblatt einzuschließen (CSS-Kaskaden und Vererbung).

@layer

Definiert die Rangfolge im Falle mehrerer Kaskadenschichten (CSS-Kaskaden und Vererbung). Auch als Block-At-Regel zur Definition der Stile einer Schicht verwendet.

@namespace

Definiert einen Standard-Namensraum für ein Stilblatt oder ein Namenspräfix, das ein Selektor nur dann abgleicht, wenn der Namensraum und andere Selektorkomponenten übereinstimmen (CSS-Namensräume).

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 bedingte Gruppenregel, die ihren Inhalt anwendet, wenn der Container die <container-condition>s erfüllt (CSS-Eindämmung).

@font-face

Definiert Schriftressourcen-Standorte, 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)

Steuerung der Schriftanzeige pro Schriftfamilie durch Definition schriftartspezifischer Alternativen oder benutzerdefinierter Namen zu Feature-Indizes in font-variant-alternates in OpenType (CSS-Schriften).

@keyframes (und das Alias @-webkit-keyframes)

Definieren Sie eine benannte Animation, indem Sie die CSS-Stile für Zwischenschritte (oder Schlüsselbilder) in der Animationssequenz beschreiben (CSS-Animationen).

@layer

Erstellt eine benannte Kaskadenschicht mit den CSS-Regeln für diese Schicht innerhalb (CSS-Kaskaden und Vererbung). Auch als Anweisungs-At-Regel verwendet, um die Rangfolge im Falle mehrerer 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 ist (CSS-bedingte Regeln).

@page

Gibt die Aspekte einer zu druckenden Seite an, wie deren Abmessungen, Ausrichtung und Ränder (CSS-gedruckte Medien).

@position-try

Definiert benutzerdefinierte Positionsoptionen, die verwendet werden können, um Fallback-Positionierungs- und Ausrichtungsoptionen für ankerpositionierte Elemente zu definieren (CSS-Ankerpositionierung).

@property

Definiert eine CSS-Benutzereigenschaft, die eine Eigenschaftstyprüfung und Einschränkung, das Festlegen von Standardwerten und die Festlegung ermöglicht, ob eine Benutzereigenschaft Werte erben kann oder nicht (CSS-Benutzereigenschaften für Kaskadenvariablen).

@scope

Definiert einen Bereich, in dem sie auf ausgewählte Elemente angewendet werden, und die Stile, die auf die Elemente in diesem Bereich angewendet werden sollen (CSS-Kaskaden und Vererbung).

@starting-style

Definiert die Anfangseigenschaften für ein Element, von denen aus ein Übergang erfolgen soll, wenn das Element sein erstes Stil-Update erhält, zum Beispiel beim Übergang von display: none (CSS-Übergänge).

@supports

Eine bedingte Gruppenregel wendet ihren Inhalt an, wenn der Browser die CSS-Funktionen der angegebenen Bedingung unterstützt (CSS-bedingte Regeln).

@view-transition

Wählt das aktuelle Dokument für eine Ansichtstransition und auch das Zieldokument im Falle von Dokumentenübergreifenden Navigationstransitionen aus.

Index

Spezifikationen

Specification
CSS Syntax Module Level 3

Siehe auch