Was bedeutet Box-Shadow

Was bedeutet Box-Shadow?

Definition und Verwendung der CSS3-Box-Shadow-Eigenschaft

Die Box-Shadow-Eigenschaft fügt einer Box einen oder mehrere Schatten hinzu.

Tipp: Bitte verwenden Sie border-image-*-Eigenschaften, um schöne skalierbare Schaltflächen zu erstellen!

Standard: keine

Vererbung: nein

Version: CSS3

JavaScript-Syntax: object.style.boxShadow="10px 10px 5px #888888 "

Syntax

box-shadow: h-shadow v-shadow blur spread color inset;

Hinweise: box-shadow Fügt einem Feld einen oder mehrere Schatten hinzu. Diese Eigenschaft ist eine durch Kommas getrennte Liste von Schatten, wobei jeder Schatten durch 2–4 Längenwerte, einen optionalen Farbwert und das optionale Schlüsselwort „inset“ angegeben wird. Der Wert für die ausgelassene Länge ist 0.

Wert und Beschreibung:

h-shadow Erforderlich. Die Position des horizontalen Schattens. Negative Werte sind erlaubt.

V-Shadow erforderlich. Die Position des vertikalen Schattens. Negative Werte sind erlaubt.

unschärfe Optional. Unscharfe Distanz.

Spread Optional. Die Größe des Schattens.

Farbe optional. Die Farbe des Schattens. Siehe CSS-Farbwerte.

Einfügung ist optional. Ändern Sie den äußeren Schatten (Anfang) in den inneren Schatten.

Empfohlen: „CSS3-Tutorial“

Das obige ist der detaillierte Inhalt vonWas bedeutet Box-Shadow. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!