CSS-Box-Shadow-Eigenschaft


  Übersetzungsergebnisse:
& vi. Boxen

Dritte Person Singular: Boxen Plural: Boxen Partizip Präsens: Boxen Vergangenheitsform: Boxen Geist , Geist; Schatten werfen; Schatten; Schatten; Schatten; Präsens Partizip: beschattet Vergangenheitsform: beschattet Partizip Perfekt: beschattet

CSS-Box-Shadow-EigenschaftSyntax

Was es bewirkt: Fügen Sie einen oder mehrere Schatten zur Box hinzu.

Syntax: Box-Shadow: H-Shadow V-Shadow-Unschärfe-Spread-Farbeinsatz;

Anweisungen: h-Shadow ist erforderlich. Die Position des horizontalen Schattens. Negative Werte sind erlaubt. V-Shadow ist erforderlich. Die Position des vertikalen Schattens. Negative Werte sind erlaubt. Unschärfe ist optional. Unscharfe Distanz. Spread ist optional. Die Größe des Schattens. Farbe ist optional. Die Farbe des Schattens. Siehe CSS-Farbwerte. Einschub ist optional. Verwandeln Sie den äußeren Schatten (Anfang) in einen inneren Schatten.

Hinweise: box-shadow fügt der Box einen oder mehrere Schatten hinzu. Bei dieser Eigenschaft handelt es sich um eine durch Kommas getrennte Liste von Schatten, die jeweils durch 2–4 Längenwerte, einen optionalen Farbwert und das optionale Schlüsselwort „inset“ angegeben werden. Der Wert für die ausgelassene Länge ist 0.

CSS-Box-Shadow-EigenschaftBeispiel

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:300px;
height:100px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
</style>
</head>
<body>

<div></div>

</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten