CSS-Referenz

Verwenden Sie diese CSS-Referenz, um einen alphabetischen Index aller standardmäßigen CSS-Eigenschaften, Pseudoklassen, Pseudoelemente, Datentypen, funktionalen Notationen und At-Regeln zu durchsuchen. Sie können auch wichtige CSS-Konzepte und eine Liste von Selektoren, organisiert nach Typ durchsuchen. Ebenfalls enthalten ist eine kurze DOM-CSS / CSSOM-Referenz.

Grundlegende Regel-Syntax

Stilregel-Syntax

style-rule ::=
    selectors-list {
      properties-list
    }

Wo:

selectors-list ::=
    selector[:pseudo-class] [::pseudo-element]
    [, selectors-list]

properties-list ::=
    [property : value] [; properties-list]

Sehen Sie sich den Index der Selektoren, Pseudoklassen und Pseudoelemente unten an. Die Syntax für jeden spezifizierten Wert hängt vom Datentyp ab, der für jede spezifizierte Eigenschaft definiert ist.

Beispiele für Stilregeln

css

strong {
  color: red;
}

div.menu-bar li:hover > ul {
  display: block;
}

Für eine Einführung auf Anfängerniveau in die Syntax von Selektoren, siehe unseren Leitfaden zu CSS-Selektoren. Beachten Sie, dass jeder Syntaxfehler in einer Regeldefinition die gesamte Regel ungültig macht. Ungültige Regeln werden vom Browser ignoriert. Beachten Sie, dass CSS-Regeldefinitionen vollständig (Unicode-) textbasiert sind, während DOM-CSS / CSSOM (das Regelverwaltungssystem) objektbasiert ist.

At-Regel-Syntax

Da die Struktur der At-Regeln stark variiert, sehen Sie At-Regel, um die Syntax der gewünschten spezifischen zu finden.

Index

Hinweis: Dieser Index enthält keine ausschließlich für SVG bestimmten Präsentationsattribute, die als CSS-Eigenschaften auf SVG-Elementen verwendet werden können.

Hinweis: Die Eigenschaftsnamen in diesem Index beinhalten nicht die JavaScript-Namen, die sich von den standardmäßigen CSS-Namen unterscheiden.

-

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

x
:xr-overlay
xywh()

Y

Z

Selektoren

Die folgenden sind die verschiedenen Selektoren, die es ermöglichen, Stile basierend auf verschiedenen Merkmalen von Elementen innerhalb des DOM bedingt zu machen.

Grundlegende Selektoren

Grundlegende Selektoren sind fundamentale Selektoren; dies sind die grundlegendsten Selektoren, die häufig kombiniert werden, um andere, komplexere Selektoren zu erstellen.

Universalselektor *
Typselektor elementname
Klassenselektor .classname
ID-Selektor #idname
Attributselektor [attr=value]

Gruppierungsselektoren

Selektorliste A, B: Gibt an, dass sowohl A- als auch B-Elemente ausgewählt werden. Dies ist eine Methode zur Gruppierung, um mehrere passende Elemente auszuwählen.

Kombinatoren

Kombinatoren sind Selektoren, die eine Beziehung zwischen zwei oder mehr einfachen Selektoren herstellen, wie "A ist ein Kind von B" oder "A ist benachbart zu B", wodurch ein komplexer Selektor entsteht.

Kombinator für nachfolgendes Geschwisterelement A + B: Gibt an, dass die von A und B ausgewählten Elemente denselben Eltern haben und dass das von B ausgewählte Element dem von A ausgewählten Element horizontal unmittelbar folgt.
Kombinator für nachfolgende Geschwister A ~ B: Gibt an, dass die von A und B ausgewählten Elemente denselben Eltern haben und dass das von A ausgewählte Element vor dem von B ausgewählten Element kommt, aber nicht unbedingt unmittelbar davor.
Kind-Kombinator A > B: Gibt an, dass das von B ausgewählte Element ein direktes Kind des von A ausgewählten Elements ist.
Abstammungskombinator A B: Gibt an, dass das von B ausgewählte Element ein Nachkomme des von A ausgewählten Elements ist, aber nicht notwendigerweise ein direktes Kind.
Spaltenkombinator A || B Experimentell: Gibt an, dass sich das von B ausgewählte Element innerhalb der von A spezifizierten Tabellenspalte befindet. Elemente, die mehrere Spalten überspannen, werden als Mitglied all dieser Spalten betrachtet.

Pseudo

Pseudoklassen :: Gibt einen besonderen Zustand der ausgewählten Elemente an.
Pseudoelemente ::: Repräsentiert Entitäten, die nicht in HTML enthalten sind.

Siehe auch Selektoren in der Selektorenspezifikation und die Pseudoelementspezifikation.

Mozilla CSS-Erweiterungen (mit dem Präfix -moz-)
WebKit CSS-Erweiterungen (meistens mit dem Präfix -webkit-)

Externe Links

CSS-Indizes (w3.org)

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden