Beispiel
Fügen Sie einen box-shadow zu einem div-Elemente:
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; Versuch es selber " Definition und Verwendung
Die boxShadow Eigenschaftssätze oder gibt die Drop-Schatten eines Kastenelement.
Browser-Unterstützung
Die boxShadow Eigenschaft wird in IE9 +, Firefox, Chrome, Opera und Safari 5.1.1 unterstützt.
Syntax
Bringen Sie die boxShadow Eigenschaft:
object .style.boxShadowStellen Sie die boxShadow Eigenschaft:
object .style.boxShadow="none| Note: Die boxShadow Eigenschaft legt einen oder mehrere Drop-Schatten auf die Box. Die Eigenschaft ist eine durch Kommata getrennte Liste von Schatten, die jeweils durch 2-4 angegebenen Längenwerte, eine optionale Farbe und ein optionales Inset Schlüsselwort. Weggelassen Längen sind 0.
Eigenschaftswerte
Wert Beschreibung none Standardwert. Kein Schatten angezeigt h-shadow Erforderlich. Die Position des horizontalen Schatten. Negative Werte sind erlaubt v-shadow Erforderlich. Die Position des vertikalen Schatten. Negative Werte sind erlaubt blur Optional. Die Unschärfe Abstand spread Optional. Die Größe des Schattens color Optional. Die Farbe des Schattens. Der Standardwert ist schwarz. Schauen Sie sich CSS Farbwerte für eine vollständige Liste der möglichen Farbwerte.
Hinweis: In Safari (on PC) der Farbparameter erforderlich ist. Wenn Sie nicht die Farbe angeben, wird der Schatten nicht angezeigt. inset Optional. Ändert den Schatten von einem äußeren Schatten (outset) zu einem inneren Schatten initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: keiner Rückgabewert: Ein String, die die Box-shadow Eigenschaft eines Elements CSS Version CSS3
Verwandte Seiten
CSS - Referenz: box-shadow property
<Style - Objekt