CSS-Referenz

Verwenden Sie diese CSS-Referenz, um ein alphabetisches Verzeichnis aller standardmäßigen CSS-Eigenschaften, Pseudo-Klassen, Pseudo-Elemente, Datentypen, funktionale Notationen und At-Rules durchzusehen. Sie können auch wichtige CSS-Konzepte und eine Liste von nach Typ organisierten Selektoren durchsuchen. Ebenfalls enthalten ist eine kurze DOM-CSS / CSSOM-Referenz.

Grundsyntax der Regeln

Syntax von Stilregeln

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 das Verzeichnis der unten stehenden Selektoren, Pseudo-Klassen und Pseudo-Elemente 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 zur Syntax von Selektoren, 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 Regelmanagementsystem) objektbasiert ist.

Syntax von At-Regeln

Da die Struktur von At-Regeln stark variiert, sehen Sie bitte At-Regeln, um die Syntax der spezifischen zu finden, die Sie möchten.

Verzeichnis

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

Hinweis: Die Eigenschaftsnamen in diesem Verzeichnis 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 Eigenschaften von Elementen innerhalb des DOM bedingt anzuwenden.

Grundselektoren

Grundselektoren sind grundlegende Selektoren; dies sind die einfachsten 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 ü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 benachbart zu B", und so einen komplexen Selektor erstellen.

Nachbarschafts-Kombinator A + B

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

Nachfolgender-Geschwister-Kombinator A ~ B

Gibt an, dass die durch A und B ausgewählten Elemente denselben Elternteil haben und 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.

Nachfahre-Kombinator A B

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

Spalten-Kombinator A || B

Gibt an, dass das durch B ausgewählte Element sich innerhalb der von A spezifizierten 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.

Pseudo-Elemente ::

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

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

Konzepte

Syntax und Semantik

Werte

Layout

DOM-CSS / CSSOM

Wichtige Objekttypen

Wichtige Methoden

Siehe auch