CSS-Referenz

Verwenden Sie diese CSS-Referenz, um einen alphabetischen Index aller Standard-CSS-Eigenschaften, Pseudoklassen, Pseudoelemente, Datentypen, funktionalen Notationen und At-Regeln zu durchstöbern. 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.

Grundlegende Regelsyntax

Syntax der Stilregel

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

Wo:

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

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

Siehe den Index 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 auf Anfängerniveau in die 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 Regelverwaltungssystem) objektbasiert ist.

Syntax von At-Regeln

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

Index

Hinweis: Dieser Index enthält keine ausschließlich für SVG reservierten 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 standardisierten 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

Y

Z

Selektoren

Folgend sind die verschiedenen Selektoren aufgeführt, die ermöglichen, dass Stile basierend auf verschiedenen Eigenschaften von Elementen innerhalb des DOM bedingt angewendet werden.

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

Spezifiziert, 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 z.B. "A ist ein Kind von B" oder "A ist direkt neben B", und so einen komplexen Selektor erstellen.

Nachbarschafts-Kombinator A + B

Spezifiziert, dass die Elemente, die sowohl von A als auch von B ausgewählt werden, denselben übergeordneten Knoten haben und dass das von B ausgewählte Element direkt auf das von A ausgewählte Element horizontal folgt.

Folge-Kombinator A ~ B

Spezifiziert, dass die Elemente, die sowohl von A als auch von B ausgewählt werden, denselben übergeordneten Knoten teilen und dass das von A ausgewählte Element vor dem von B ausgewählten Element liegt, aber nicht unbedingt direkt davor.

Kind-Kombinator A > B

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

Nachkomme-Kombinator A B

Spezifiziert, 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

Spezifiziert, dass das von B ausgewählte Element innerhalb der von A angegebenen Tabellenspalte liegt. Elemente, die mehrere Spalten überspannen, werden als Mitglied all dieser Spalten betrachtet.

Pseudo

Pseudoklassen :

Gibt einen speziellen Zustand der ausgewählten Elemente an.

Pseudoelemente ::

Repräsentiert 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