CSS-Referenz

Verwenden Sie diese CSS-Referenz, um ein alphabetisches Verzeichnis aller standardmäßigen 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 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 das Verzeichnis der Selektoren, Pseudoklassen und Pseudoelementen unten. Die Syntax für jeden spezifizierten Wert hängt vom Datentyp ab, der für jede spezifizierte Eigenschaft definiert ist.

Stilregel-Beispiele

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.

At-rule Syntax

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

Verzeichnis

Hinweis: Dieses Verzeichnis enthält keine ausschließlich SVG-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 bedingt basierend auf verschiedenen Merkmalen von Elementen im DOM anzuwenden.

Grundlegende Selektoren

Grundlegende Selektoren sind fundamentale 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 ü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.

Nachfolgender-Geschwister-Kombinator A + B

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

Nachfolgende-Geschwister-Kombinator A ~ B

Gibt an, dass die Elemente, die sowohl von A als auch von B ausgewählt werden, 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 direktes Kind des von A ausgewählten Elements ist.

Nachfahre-Kombinator A B

Gibt an, dass das von B ausgewählte Element ein Nachfahre des von A ausgewählten Elements ist, aber nicht notwendigerweise 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 Mitglieder all dieser Spalten betrachtet.

Pseudo

Pseudoklassen :

Gibt einen speziellen Zustand der ausgewählten Elemente an.

Pseudoelemente ::

Repräsentiert Entitäten, die nicht in 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