At-rules

At-rules sind CSS-Anweisungen, die angeben, wie CSS sich verhalten soll. Sie beginnen mit einem At-Zeichen, @ (U+0040 COMMERCIAL AT), gefolgt von einem Bezeichner, und umfassen alles bis zum nächsten Semikolon, ; (U+003B SEMICOLON), oder zum nächsten CSS-Block, je nachdem, was zuerst kommt.

Syntax

Anweisung-At-rules

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

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

Anweisung-At-rules enden mit einem Semikolon. Es gibt mehrere Anweisung-At-rules, die durch ihre Bezeichner gekennzeichnet sind, jede mit einer unterschiedlichen Syntax:

@charset

Ein Algorithmus (hat die syntaktische Form einer At-rule, ist aber keine Definition), der den Fallback-Zeichensatz des Stylesheets bestimmt (CSS Syntax).

@import

Fordert die CSS-Engine auf, ein externes Stylesheet einzuschließen (CSS-Kaskade und Vererbung).

@layer

Definiert die Rangfolge bei mehreren Kaskadenschichten (CSS-Kaskade und Vererbung). Wird auch als Block-At-rule 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 übereinstimmt, wenn der Namespace und andere Selektorkomponenten übereinstimmen (CSS-Namespaces).

Block-At-rules

css
@identifier (RULE) {
}

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

@counter-style

Definieren benutzerdefinierter Zählerstile und Erweitern vordefinierter Liststile (CSS-Zählerstile).

@container

Eine bedingte Gruppierungsregel, die ihren Inhalt anwendet, wenn der Container die <container-condition>s erfüllt (CSS-Einschluss).

@font-face

Definiert Schriftarten-Ressourcenstandorte, sowohl lokal als auch extern, zusammen mit den Stilmerkmalen für den Fall, dass diese Ressourcen mit einer deklarierten Schriftfamilie verwendet werden (CSS-Schriften).

@font-feature-values (plus @swash, @ornaments, @annotation, @stylistic, @styleset und @character-variant)

Steuert die Schriftdarstellung pro Schriftfamilie, indem schriftartspezifische Alternativen oder benutzerdefinierte Namen zu Funktionsindizes in Schriftvariante-Alternativen in OpenType definiert werden (CSS-Schriften).

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

Definiert eine benannte Animation durch die Beschreibung der definierenden CSS-Stile für Zwischenschritte (oder Schlüsselbilder) in der Animationssequenz (CSS-Animationen).

@layer

Erstellt eine benannte Kaskadenschicht mit den CSS-Regeln für diese Schicht im Inneren (CSS-Kaskade und Vererbung). Wird auch als Anweisung-At-rule verwendet, um die Rangfolge bei mehreren Kaskadenschichten zu definieren.

@media

Eine bedingte Gruppierungsregel, 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 Aspekte einer zu druckenden Seite an, wie deren Abmessungen, Ausrichtung und Ränder (CSS-gedruckte Medien).

@position-try

Definiert benutzerdefinierte Positionsoptionen, die zur Definition von Fallback-Positionierungs- und Ausrichtungsoptionen für Anker-positionierte Elemente verwendet werden können (CSS-Ankerpositionierung).

@property

Definiert eine CSS-Benutzerdefinierte Eigenschaft, die eine Typprüfung und Einschränkung der Eigenschaft ermöglicht, Standardwerte festlegt und definiert, ob eine benutzerdefinierte Eigenschaft Werte erben kann oder nicht (CSS-Benutzerdefinierte Eigenschaften 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-Kaskade und Vererbung).

@starting-style

Definiert die Startwerte einer Eigenschaft eines Elements, von denen es sich bei der ersten Stiländerung des Elements wegbewegt, wie beispielsweise beim Übergang von display: none (CSS-Übergänge).

@supports

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

@view-transition

Opt-in für die aktuelle Dokument in eine Ansichtsübergang, und das Ziel-Dokument ebenfalls im Falle von Übergängen zwischen Dokumenten.

Index

Spezifikationen

Specification
CSS Conditional Rules Module Level 3

Siehe auch