CSS-Box-Shadow-Eigenschaft
Übersetzungsergebnisse:
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
- Text-Shadow mit TailwindCSS
- White-Box-Tests verstehen: Eine ausführliche Anleitung
- Die TV-Box-Pläne von Sonos könnten durch das Debakel mit der mobilen App zum Scheitern verurteilt sein
- So erstellen Sie eine Kombinationsbox mit Tailwind CSS und Javascript
- PM Modi schenkt US-First Lady Jill Biden einen Pashmina-Schal in einer Schachtel aus Pappmaché