CSS vlastnost background-color určuje barvu pozadí.
| hodnoty | barva pozadí |
|---|---|
| barva | barva vyplní pozadí celého prvku |
| transparent | prvek bude průhledný |
Případný obrázek na pozadí (background-image) barvu překryje. Průhledné části obrázku ale bude ta barva prosvítat; barva bude vidět před natažením obrázku ze serveru.
Hodnota transparent je výchozí, nemusí se nastavovat. Používá se pro přetlučení nějaké barvy deklarované dříve.
Všechny moderní prohlížeče, velmi dobře podporovaná vlastnost. Internet Explorer od čtvrté verze. NN4 s chybami (potřebuje u prvku border).
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| 4, 5, 5.5, 6 | v IE 3 se nastavuje vlastností background | |
| Mozilla (Netscape 6+) | všechny verze | |
| Opera | 5, 6, 7 | verze 4 s chybami (Pixy) |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | chybně | blokovému prvku se musí nastavit border |
Odstavec <p> podbarvený červenou barvou zapsaný ve stylu:
p {background-color: red}
Červená barva pozadí zapsaná přímo v jednom odstavci v HTML zdroji:
<p style="background-color: red">obsah odstavce</p>
Barva pozadí se dá nastavit také souhrnnou vlastností background:
p {background: red}
S barvou pozadí pokud možno vždy nastavte i barvu písma. Nevíte totiž, jakou barvu písma má nastavenou klient. Kdyby měl nastavené červené písmo, bude červená na červené. Korektní zápis:
p {background-color: red; color: black}
Příklad sloupcového designu pozicováním (podbarvené sloupce).
Dvě třídy u jednoho prvku (primitivní background-color).
Různé barvy odkazů pomocí třídy.
Background = pozadí, Color = barva písma, Padding = vnitřní okraj, pod který se pozadí také vykresluje
Pozadí -- Vše o pozadí stránky a objektů v HTML a CSS
o tvorbě, údržbě a zlepšování internetových stránek