tas2580
Blog über Webentwicklung

CSS - text-shadow

Die text-shadow Eigenschaft fügt Schatten zu einem Text hinzu.

Beispiel

div {
    text-shadow: 2px 2px #ff0000;
}

Definition und Verwendung

Standard Wert:
none
CSS Version:
CSS3
Vererbt sich:
Ja
Animierbar:
Ja

Browser Unterstützung

Chrome Nein
Firefox Nein
Safari Nein
Opera Nein
Edge Nein
IE Nein

Mögliche Werte

Der Eigenschaft können die hier aufgelisteten Werte zugewiesen werden.

Wert Beschreibung
Länge Länge Der erste Wert gibt die Position des horizontalen Schatten an, der zweite Wert die Position des vertikalen Schatten. Negative Werte sind erlaubt.
Länge Länge Farbe Der erste Wert gibt die Position des horizontalen Schatten an, der zweite Wert die Position des vertikalen Schatten. Negative Werte sind erlaubt. Der dritte Wert gibt die Farbe des Schattens an.
Länge Länge Länge Farbe Der erste Wert gibt die Position des horizontalen Schatten an, der zweite Wert die Position des vertikalen Schatten. Negative Werte sind erlaubt. Der dritte Wert gibt die Unschärfe an. Der vierte Wert gibt die Farbe des Schattens an.
Länge Länge Länge Länge Farbe Der erste Wert gibt die Position des horizontalen Schatten an, der zweite Wert die Position des vertikalen Schatten. Negative Werte sind erlaubt. Der dritte Wert gibt die Unschärfe an. Der vierte Wert gibt die Größe des Schattens an. Negative Werte sind erlaubt. Der fünfte Wert gibt die Farbe des Schattens an.
none Standardwert. Es wird kein Schatten angezeigt.
initial Setzt diese Eigenschaft auf den Standardwert.
inherit Erbt diese Eigenschaft von seinem übergeordneten Element.