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, und umfassen alles bis zum nächsten Semikolon, ; (U+003B SEMICOLON), oder dem nächsten CSS-Block, je nachdem, was zuerst kommt.

Syntax

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 definiert, der vom Stylesheet verwendet wird (CSS-Syntax).

@import

Anweisung an die CSS-Engine, ein externes Stylesheet einzubinden (CSS-Kaskade und Vererbung).

@layer

Definiert die Reihenfolge der Vorrangstellung im Fall mehrerer Kaskadenschichten (CSS-Kaskade und Vererbung). Auch als Block-At-Regel verwendet, um die Stile einer Schicht zu definieren.

@namespace

Definiert ein Standard-Namespace für ein Stylesheet oder ein Namespace-Präfix, das ein Selektor nur dann trifft, wenn das Namespace und die anderen 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

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> Bedingungen erfüllt (CSS-Containment).

@font-face

Definiert Schriftartenressourcen-Standorte, sowohl lokal als auch extern, zusammen mit den Stilmerkmalen für diese Ressourcen, wenn sie mit einer erklärten Schriftfamilie verwendet werden (CSS-Schriften).

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

Steuert die Schriftanzeige pro Schriftfamilie, indem schriftartspezifische Alternativen oder benutzerdefinierte Namen für Feature-Indizes in font-variant-alternates in OpenType definiert werden (CSS-Schriften).

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

Definiert eine benannte Animation durch die Beschreibung und Definition von CSS-Stilen für Zwischenphasen (oder Schlüsselbilder) in der Animationssequenz (CSS-Animationen).

@layer

Erstellt eine benannte Kaskadenschicht mit den darin enthaltenen CSS-Regeln (CSS-Kaskade und Vererbung). Wird auch als Anweisungs-At-Regel verwendet, um die Reihenfolge der Vorrangstellung im Fall 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 Medienabfrage definiert ist (CSS-Bedingungsregeln).

@page

Gibt Aspekte einer Seite an, die gedruckt werden sollen, wie Dimensionen, Ausrichtung und Ränder (CSS-Seitenmedien).

@position-try

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

@property

Definiert eine CSS-Benutzerdefinierte Eigenschaft, die Überprüfung und Einschränkung des Eigenschaftstyps ermöglicht, Standardwerte festlegt und definiert, ob eine benutzerdefinierte Eigenschaft Werte erben kann oder nicht (CSS-Benutzerdefinierte Eigenschaften für kaskadierende Variablen).

@scope

Definiert einen Bereich, in dem sie auf ausgewählte Elemente und die darin anzuwendenden Stile anzuwenden sind (CSS-Kaskade und Vererbung).

@starting-style

Definiert die Start-Eigenschaftswerte für ein Element, von denen aus es übergeht, wenn es 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 angegebenen Bedingung unterstützt (CSS-Bedingungsregeln).

@view-transition

Opt die aktuelle Dokument in einen view transition und das Zieldokument ebenfalls im Falle von Übergängen zwischen Dokumenten.

Index

Spezifikationen

Specification
CSS Conditional Rules Module Level 3

Siehe auch