CSS-Referenz

Verwenden Sie diese CSS-Referenz, um einen alphabetischen Index aller Standard-CSS-Eigenschaften, Pseudoklassen, Pseudoelemente, Datentypen, funktionalen Notationen und at-rules zu durchsuchen. Sie können auch wichtige CSS-Konzepte und eine Liste von Selektoren nach Typ organisiert durchstöbern. Ebenfalls enthalten ist eine kurze DOM-CSS / CSSOM-Referenz.

Grundlegende Regel-Syntax

Stilregel-Syntax

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

Wo:

css
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 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 auf Anfängerniveau in die Syntax von Selektoren sehen Sie unseren Leitfaden zu CSS-Selektoren. Beachten Sie, dass ein beliebiger 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 (ASCII) textbasiert sind, während DOM-CSS / CSSOM (das Regelverwaltungssystem) objektbasiert ist.

At-rule-Syntax

Da die Struktur von at-rules stark variiert, finden Sie die Syntax der speziellen Regel, die Sie möchten, unter At-rule.

Index

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

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

-

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

Die folgenden Selektoren ermöglichen es, Stile basierend auf verschiedenen Merkmalen von Elementen innerhalb des DOMs bedingt anzuwenden.

Grundlegende Selektoren

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

Gruppierende Selektoren

Selektorliste A, B

Gibt an, dass sowohl A als auch B Elemente ausgewählt sind. Dies ist eine Gruppierungsmethode, um mehrere übereinstimmende 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 neben B", wodurch ein komplexer Selektor entsteht.

Nachbarschafts-Kombinator A + B

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

Nachfolgender Geschwisterkombinator A ~ B

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

Kind-Kombinator A > B

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

Nachfahren-Kombinator A B

Gibt an, dass das von B ausgewählte Element ein Nachfahre des von A ausgewählten Elements ist, aber nicht unbedingt ein direktes Kind.

Spalten-Kombinator A || B

Gibt an, dass das von B ausgewählte Element sich innerhalb der von A angegebenen Tabellenspalte befindet. Elemente, die sich über mehrere Spalten erstrecken, werden als Mitglied all dieser Spalten betrachtet.

Pseudo

Pseudoklassen :

Gibt einen speziellen Zustand der ausgewählten Elemente an.

Pseudoelemente ::

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

Siehe auch Selektoren in der Selektorspezifikation und die Pseudoelement-Spezifikation.

Konzepte

Syntax und Semantik

Werte

Layout

DOM-CSS / CSSOM

Wichtige Objekttypen

Wichtige Methoden

Siehe auch