CSS-Referenz

Nutzen Sie diese CSS-Referenz, um einen alphabetischen Index aller standardisierten CSS Eigenschaften, Pseudoklassen, Pseudo-Elemente, Datentypen, funktionalen Notationen und At-Rules zu durchsuchen. Sie knnen auch wichtige CSS-Konzepte und eine Liste von Selektoren, die nach Typ organisiert sind durchsuchen. Ebenfalls enthalten ist eine kurze DOM-CSS / CSSOM-Referenz.

Grundlegende Syntaxregeln

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 Pseudo-Elemente unten. Die Syntax fr jeden angegebenen Wert hngt von dem Datentyp ab, der fr jede angegebene Eigenschaft definiert ist.

Beispiele fr Stilregeln

css

strong {
  color: red;
}

div.menu-bar li:hover > ul {
  display: block;
}

Fr eine grundlegende Einfhrung in die Syntax von Selektoren sehen Sie sich unseren Leitfaden zu CSS-Selektoren an. Beachten Sie, dass jeder Syntaxfehler in einer Regeldefinition die gesamte Regel ungltig macht. Ungltige Regeln werden vom Browser ignoriert. Beachten Sie, dass CSS-Regeldefinitionen vollstndig (Unicode-) textbasiert sind, whrend DOM-CSS / CSSOM (das Regelverwaltungssystem) objektbasiert ist.

Syntax der At-Rules

Da die Struktur von At-Rules stark variieren kann, schauen Sie bitte unter At-rule, um die Syntax der spezifischen Regel zu finden, die Sie bentigen.

Index

Hinweis: Dieser Index schliet SVG-exklusive Prsentationsattribute nicht ein, die als CSS-Eigenschaften auf SVG-Elementen verwendet werden knnen.

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

quotes CSS property

R

S

T

U

V

W

X

Y

y CSS property

Z

Selektoren

Die folgenden sind die verschiedenen Selektoren, die es ermglichen, dass Stile bedingt auf verschiedenen Merkmalen von Elementen innerhalb des DOM basieren.

Grundlegende Selektoren

Grundlegende Selektoren sind fundamentale Selektoren; dies sind die einfachsten Selektoren, die hufig kombiniert werden, um andere, komplexere Selektoren zu erstellen.

Universeller Selektor *
Typselektor elementname
Klassenselektor .classname
ID-Selektor #idname
Attributselektor [attr=value]

Gruppierungsselektoren

Selektorenliste A, B: Gibt an, dass sowohl A als auch B Elemente ausgewhlt werden. Dies ist eine Methode zur Gruppierung, um mehrere bereinstimmende Elemente auszuwhlen.

Kombinatoren

Kombinatoren sind Selektoren, die eine Beziehung zwischen zwei oder mehr einfachen Selektoren herstellen, wie "A ist ein Kind von B" oder "A ist neben B", wodurch ein komplexer Selektor entsteht.

Nachbarschafts-Kombinator A + B: Gibt an, dass die von A und B ausgewhlten Elemente denselben Elternteil haben und dass das von B ausgewhlte Element dem von A ausgewhlten Element horizontal unmittelbar folgt.
Folge-Kombinator A ~ B: Gibt an, dass die von A und B ausgewhlten Elemente denselben Elternteil teilen und dass das von A ausgewhlte Element vor dem von B ausgewhlten kommt, aber nicht unbedingt unmittelbar davor.
Kind-Kombinator A > B: Gibt an, dass das von B ausgewhlte Element das direkte Kind des von A ausgewhlten Elements ist.
Nachfahr-Kombinator A B: Gibt an, dass das von B ausgewhlte Element ein Nachfahre des von A ausgewhlten Elements ist, aber nicht unbedingt ein direktes Kind.
Spalten-Kombinator A || B: Gibt an, dass das von B ausgewhlte Element innerhalb der von A angegebenen Tabellenspalte liegt. Elemente, die sich ber mehrere Spalten erstrecken, gelten als Mitglieder all dieser Spalten.

Pseudo

Pseudoklassen :: Gibt einen speziellen Zustand der ausgewhlten Elemente an.
Pseudo-Elemente ::: Reprsentiert Entitten, die nicht in HTML enthalten sind.

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

Mozilla CSS-Erweiterungen (mit dem Prfix -moz-)
WebKit CSS-Erweiterungen (meistens mit dem Prfix -webkit-)

Externe Links

CSS-Indizes (w3.org)

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden