background-image
Farbe und Hintergrund
Legt ein Bild oder einen Verlauf hinter den Inhalt; mehrere lassen sich stapeln.
| Schreibweise | background-image: none; |
|---|---|
| Gängige Werte | none, url(bg.png), linear-gradient(to right, #fff, #000) |
| Vererbt | Nein — sie endet hier |
| Teil von | background |
| Kategorie | Farbe und Hintergrund |
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 background-image?
Legt ein Bild oder einen Verlauf hinter den Inhalt; mehrere lassen sich stapeln.
Q. Wie schreibt man background-image?
Als background-image: none; Gängige Werte sind none, url(bg.png), linear-gradient(to right, #fff, #000).
Q. Wird background-image vererbt?
Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.
Q. Welche Kurzform setzt background-image?
background setzt sie in einer Zeile mit.