CSS-Referenz

Verwenden Sie diese CSS-Referenz, um ein alphabetisches Register aller Standard CSS-Eigenschaften, Pseudoklassen, Pseudo-Elemente, Datentypen, funktionalen Notationen und at-Regeln zu durchsuchen. Sie können auch wichtige CSS-Konzepte und eine nach Typ organisierte Liste von Selektoren durchsehen. 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]

Siehe das Register der Selektoren, Pseudoklassen und Pseudo-Elemente unten. Die Syntax für jeden festgelegten Wert hängt vom Datentyp ab, der für jede festgelegte 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ängerebene siehe unseren Leitfaden zu CSS-Selektoren. Beachten Sie, dass jeder 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-Regel-Syntax

Da die Struktur von at-Regeln stark variiert, sehen Sie bitte At-Regel nach, um die Syntax der bestimmten Regel zu finden, die Sie benötigen.

Index

Hinweis: Dieses Register 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 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

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.

Gruppierungsselektoren

Selektorenliste A, B

Gibt an, dass sowohl A- als auch B-Elemente ausgewählt werden. 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 direkt neben B", um einen komplexen Selektor zu erstellen.

Nächstes Geschwister-Kombinator A + B

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

Nachfolgendes Geschwister-Kombinator A ~ B

Gibt an, dass die von sowohl A als auch B ausgewählten Elemente denselben Elternteil teilen 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.

Nachkommen-Kombinator A B

Gibt an, dass das von B ausgewählte Element ein Nachkomme 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 mehrere Spalten überspannen, gelten als Mitglieder all dieser Spalten.

Pseudo

Pseudoklassen :

Gibt einen speziellen Zustand der ausgewählten Elemente an.

Pseudo-Elemente ::

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

Siehe auch Selektoren in der Selektoren-Spezifikation und die Pseudo-Elemente-Spezifikation.

Konzepte

Syntax und Semantik

Werte

Layout

DOM-CSS / CSSOM

Wichtige Objekttypen

Wichtige Methoden

Siehe auch