CSS - box-shadow
Die box-shadow Eigenschaft legt einen oder mehrere Schatten auf ein Element.
Beispiel
div { box-shadow: 10px 10px 5px #888888; }
Definition und Verwendung
- Standard Wert:
- none
- CSS Version:
- CSS3
- Vererbt sich:
- Nein
- Animierbar:
- Ja
- -webkit-:
- -webkit-box-shadow
- -moz-:
- -moz-box-shadow
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. |
inset | Optional. Ändert den Schatten von einem äußeren Schatten in einen inneren Schatten. |
none | Standardwert. Es wird kein Schatten angezeigt. |
initial | Setzt diese Eigenschaft auf den Standardwert. |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. |