box-shadow
Rahmen
Wirft einen Schatten um die Box; inset legt ihn nach innen.
| Schreibweise | box-shadow: none; |
|---|---|
| Gängige Werte | none, 0 1px 3px rgba(0,0,0,.2), inset 0 0 0 1px #ddd |
| Vererbt | Nein — sie endet hier |
| Kategorie | Rahmen |
So liest man das
- Eine vererbte Eigenschaft schreibt man einmal am Elternelement — alle Kinder übernehmen sie. Die meisten Texteigenschaften sind so.
- Eine Kurzschreibweise setzt Weggelassenes zurück. Nur background: red löscht auch ein zuvor gesetztes Hintergrundbild.
- Kollidieren Regeln, gewinnt der spezifischere Selektor; erst bei gleicher Spezifität zählt die Reihenfolge.
- Animieren Sie transform und opacity — das bleibt flüssig. width oder top zwingt zur Neuberechnung des Layouts.
Häufige Fragen
Q. Was ist die CSS-Eigenschaft box-shadow?
Wirft einen Schatten um die Box; inset legt ihn nach innen.
Q. Wie schreibt man box-shadow?
Als box-shadow: none; Gängige Werte sind none, 0 1px 3px rgba(0,0,0,.2), inset 0 0 0 1px #ddd.
Q. Wird box-shadow vererbt?
Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.
Q. Zu welcher Gruppe gehört box-shadow?
Zur Gruppe Rahmen.