CSS-Referenz

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

Grundsyntax von Regeln

Syntax von Stilregeln

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

Wo:

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

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

Siehe das Verzeichnis der Selektoren, Pseudoklassen und Pseudoelemente unten. Die Syntax für jeden angegebenen Wert hängt vom Datentyp ab, der für jede angegebene Eigenschaft definiert ist.

Beispiele für Stilregeln

css
strong {
  color: red;
}

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

Für eine Einführung in die Syntax von Selektoren auf Anfängerniveau lesen Sie unseren Leitfaden zu CSS-Selektoren. Beachten Sie, dass ein Syntax-Fehler 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.

Syntax von At-Regeln

Da die Struktur von At-Regeln stark variiert, lesen Sie bitte At-Regel, um die Syntax der speziellen, die Sie benötigen, zu finden.

Index

Hinweis: Dieser Index enthält keine SVG-exklusiven Präsentationsattribute, die als CSS-Eigenschaften für SVG-Elemente verwendet werden können.

Hinweis: Die Eigenschaftsnamen in diesem Index schließen nicht die JavaScript-Namen ein, die sich von den CSS-Standardnamen 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

Y

Z

Selektoren

Im Folgenden sind die verschiedenen Selektoren aufgeführt, die es ermöglichen, Stile basierend auf verschiedenen Eigenschaften von Elementen innerhalb des DOMs bedingt anzuwenden.

Basis-Selektoren

Basis-Selektoren sind grundlegende Selektoren; dies sind die grundlegendsten Selektoren, die häufig kombiniert werden, um andere, komplexere Selektoren zu erstellen.

Gruppierungsselektoren

Selektorliste A, B

Gibt an, dass sowohl A- als auch B-Elemente ausgewählt sind. Dies ist eine Gruppierungsmethode, um mehrere passende Elemente auszuwählen.

Kombinatoren

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

Nachbar-Kombinator A + B

Gibt an, dass die durch A und B ausgewählten Elemente denselben Elternteil haben und dass das durch B ausgewählte Element dem durch A ausgewählten Element horizontal unmittelbar folgt.

Nachfolgendes-Geschwister-Kombinator A ~ B

Gibt an, dass die durch A und B ausgewählten Elemente denselben Elternteil haben und dass das durch A ausgewählte Element vor—aber nicht unbedingt unmittelbar vor—dem durch B ausgewählten Element kommt.

Kind-Kombinator A > B

Gibt an, dass das durch B ausgewählte Element das direkte Kind des durch A ausgewählten Elements ist.

Nachfolger-Kombinator A B

Gibt an, dass das durch B ausgewählte Element ein Nachkomme des durch A ausgewählten Elements ist, jedoch nicht unbedingt ein direktes Kind.

Spalten-Kombinator A || B

Gibt an, dass das durch B ausgewählte Element sich innerhalb der durch A angegebenen Tabellenspalte befindet. Elemente, die mehrere Spalten umfassen, gelten als Mitglied all dieser Spalten.

Pseudo

Pseudoklassen :

Gibt einen speziellen Zustand des ausgewählten Elements oder der ausgewählten Elemente an.

Pseudoelemente ::

Repräsentiert Entitäten, die nicht im HTML enthalten sind.

Siehe auch Selektoren in der Selektorspezifikation und die Pseudoelementespezifikation.

Konzepte

Syntax und Semantik

Werte

Layout

DOM-CSS / CSSOM

Hauptobjekttypen

Wichtige Methoden

Siehe auch