Das background einer Box nimmt Farbe, Bild, Verlauf oder mehrere Ebenen davon auf. Es reicht bis zum Rahmen, nicht bis zum Außenabstand.
- background (Hintergrund)
Sammelbegriff für die Eigenschaften, die den Hintergrund einer Box bestimmen.
Beispiel: „Der background reicht bis zum Rahmen, der Außenabstand bleibt frei.“
Mehrere Ebenen
.held {
background:
linear-gradient(rgb(0 28 68 / 0.6), rgb(0 28 68 / 0.6)),
url('/bilder/buero.jpg') center / cover no-repeat;
}Durch Komma getrennt lassen sich Ebenen stapeln, die erste liegt oben. Das Muster im Beispiel ist verbreitet: ein halbdurchsichtiger Verlauf über einem Foto, damit weiße Schrift darauf lesbar bleibt.
Hintergrundbilder und Inhalt
Was über CSS eingebunden wird, ist Schmuck. Bilder, die Information tragen, gehören als Bild-Element ins Markup, damit sie einen Alternativtext bekommen. Die Spezifikation sagt es umgekehrt für dekorative Bilder: Die gehören ins CSS.