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 bis zum 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 solcher 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 festlegt, der vom Stylesheet verwendet wird (CSS-Syntax).

@import

Weist die CSS-Engine an, ein externes Stylesheet einzubinden (CSS-Kaskadierung und Vererbung).

@layer

Definiert die Reihenfolge der Priorität im Falle mehrerer Kaskadierungsebenen (CSS-Kaskadierung und Vererbung). Wird auch als Block At-Regel verwendet, um die Stile einer Ebene zu definieren.

@namespace

Definiert einen 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-Namespace).

Block-At-Regeln

css
@identifier (RULE) {
}

Block-At-Regeln enden in einem {}-Block, der verschachtelte Regeln, andere At-Regeln oder Deklarationen von Eigenschaften oder Deskriptoren enthält.

@counter-style

Definieren von benutzerdefinierten Zählerstilen und Erweitern vordefinierter Listenstile (CSS-Zählerstile).

@container

Eine bedingte Gruppenregel, die ihren Inhalt anwendet, wenn der Container die <container-condition>s erfüllt (CSS-Einschließung).

@font-face

Definiert Schriftressourcen-Standorte, sowohl lokal als auch extern, zusammen mit den Stilmerkmalen, wenn diese Ressourcen mit einer erklärten font-family verwendet werden (CSS-Schriften).

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

Steuert die Schriftanzeige pro Schriftfamilie, indem schriftart-spezifische Alternativen oder benutzerdefinierte Namen zu Feature-Indizes in font-variant-alternates in OpenType definiert werden (CSS-Schriften).

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

Definiert eine benannte Animation, indem die CSS-Stile für Zwischenschritte (oder Schlüsselbilder) in der Animationssequenz beschrieben werden (CSS-Animationen).

@layer

Erzeugt eine benannte Kaskadierungsebene mit den CSS-Regeln für diese Ebene innerhalb (CSS-Kaskadierung und Vererbung). Wird auch als Anweisungs-At-Regel verwendet, um die Reihenfolge der Priorität im Falle mehrerer Kaskadierungsebenen zu definieren.

@media

Eine bedingte Gruppenregel, die ihren Inhalt anwendet, wenn das Gerät die Kriterien der mit einer Media-Query definierten Bedingung erfüllt (CSS-Bedingungsregeln).

@page

Gibt Aspekte einer zu druckenden Seite an, wie ihre Abmessungen, Ausrichtung und Ränder (CSS-Seitenmedien).

@position-try

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

@property

Definiert eine CSS-Benutzerdefinierte Eigenschaft, ermöglicht Typüberprüfung und Einschränkung von Eigenschaften, das Festlegen von Standardwerten und definiert, ob eine benutzerdefinierte Eigenschaft Werte erben kann oder nicht (CSS-Benutzerdefinierte Eigenschaften für Kaskadierungsvariablen).

@scope

Definiert einen Anwendungsbereich, um sie auf ausgewählte Elemente und die Stile anzuwenden, die auf die Elemente in diesem Bereich anzuwenden sind (CSS-Kaskadierung und Vererbung).

@starting-style

Bestimmt die anfänglichen Eigenschaftswerte für ein Element, um von diesen aus zu wechseln, wenn das Element seine erste Stilaktualisierung erhält, beispielsweise beim Übergang von display: none (CSS-Transitions).

@supports

Eine bedingte Gruppenregel, die ihren Inhalt anwendet, wenn der Browser die CSS-Features der gegebenen Bedingung unterstützt (CSS-Bedingungsregeln).

@view-transition

Schließt das aktuelle Dokument in eine Ansichtsübergang ein und auch das Zieldokument im Falle von übergreifenden Dokumentnavigationsübergängen.

Index

Spezifikationen

Specification
CSS Conditional Rules Module Level 3

Siehe auch