CSS-Referenz

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

Verwenden Sie diese CSS-Referenz, um ein alphabetisches Verzeichnis aller standardmäßigen CSS-Eigenschaften, Pseudoklassen, Pseudo-Elemente, Datentypen, funktionalen Notationen und At-Regeln zu durchsuchen. Sie können auch wesentliche CSS-Konzepte und eine Liste von Selektoren, geordnet nach Typ, durchsuchen. Ebenfalls enthalten ist eine kurze DOM-CSS / CSSOM-Referenz.

Grundlegende Regelsyntax

Stilregelsyntax

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 Verzeichnis der Selektoren, Pseudoklassen und Pseudo-Elemente unten. Die Syntax für jeden spezifizierten Wert hängt vom Datentyp ab, der für jede spezifizierte 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 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 der At-Regeln

Da sich die Struktur der At-Regeln stark unterscheidet, sehen Sie bitte At-Regel, um die Syntax der spezifischen Regel zu finden, die Sie benötigen.

Index

Hinweis: Dieses Verzeichnis enthält nicht die ausschließlich in SVG verwendeten 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 von den CSS-Standardnamen 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 sind die verschiedenen Selektoren, die es ermöglichen, Stile bedingt basierend auf verschiedenen Merkmalen von Elementen im DOM anzuwenden.

Grundlegende Selektoren

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

Gruppenselektoren

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 z.B. "A ist ein Kind von B" oder "A ist benachbart zu B", wodurch ein komplexer Selektor entsteht.

Nachbar-Kombinator A + B

Gibt an, dass die durch A und B ausgewählten Elemente denselben Elternteil haben und dass das durch B ausgewählte Element das unmittelbar folgende Element des durch A ausgewählten Elements ist.

Nachfolgende Geschwister-Kombinator A ~ B

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

Nachfahren-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 Tabelle des Spaltenbereichs befindet, der durch A angegeben wird. Elemente, die über mehrere Spalten reichen, werden als Mitglied all dieser Spalten betrachtet.

Pseudo

Pseudoklassen :

Gibt einen besonderen Zustand des/der ausgewählten Elemente(s) an.

Pseudo-Elemente ::

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

Siehe auch Selektoren in der Selektorenspezifikation und die Pseudo-Element-Spezifikation.

Konzepte

Syntax und Semantik

Werte

Layout

DOM-CSS / CSSOM

Hauptobjekttypen

Wichtige Methoden

Siehe auch