Style boxShadow-Eigenschaft

Style 对象参考手册 Style-Objekt

Beispiele

Fügen Sie einem div-Element einen Schatten hinzu:

document.getElementById("myDIV").style.boxShadow="10px 20px 30px blue";

Selbst ausprobieren »

Definition und Verwendung

Die boxShadow-Eigenschaft legt den Schlagschatten eines Elements fest oder gibt ihn zurück.

Browser-Unterstützung

IE9+, Firefox, Chrome, Opera und Safari 5.1.1 unterstützen die boxShadow-Eigenschaft.

Syntax

Gibt die boxShadow-Eigenschaft zurück:

object.style.boxShadow

Legt die boxShadow-Eigenschaft fest:

object.style.boxShadow="none|h-shadow v-shadow blur spread color |inset|initial|inherit"

Hinweis:Die boxShadow-Eigenschaft fügt einer Box einen oder mehrere Schlagschatten hinzu. Diese Eigenschaft ist eine durch Kommas getrennte Liste von Schatten, wobei jeder Schatten durch 2-4 Längenwerte, einen optionalen Farbwert und ein optionales inset-Schlüsselwort angegeben wird. Ausgelassene Längenwerte sind 0.

Eigenschaftswerte

Wert	Beschreibung
none	Standardwert. Es wird kein Schatten angezeigt.
h-shadow	Erforderlich. Die Position des horizontalen Schattens. Negative Werte sind erlaubt.
v-shadow	Erforderlich. Die Position des vertikalen Schattens. Negative Werte sind erlaubt.
blur	Optional. Der Weichzeichnungsabstand.
spread	Optional. Die Größe des Schattens.
color	Optional. Die Farbe des Schattens. Der Standardwert ist Schwarz. Eine vollständige Liste möglicher Farbwerte finden Sie unterCSS-Farbwerte。 Hinweis:In Safari-Browsern (auf PC) ist der Farbparameter erforderlich. Wenn Sie keine Farbe angeben, wird kein Schatten angezeigt.
inset	Optional. Ändert den äußeren Schatten (outset) in einen inneren Schatten.
initial	Setzt diese Eigenschaft auf ihren Standardwert. Sieheinitial。
inherit	Erbt diese Eigenschaft von seinem Elternelement. Sieheinherit。

Technische Details

Standardwert:	none
Rückgabewert:	Eine Zeichenfolge, die die box-shadow-Eigenschaft eines Elements darstellt.
CSS-Version	CSS3

JavaScriptObject

BrowserObjekt

DOMObjekt

HTML Objekt