Властивість background-color встановлює колір фону елемента. Колір застосовується до всього фону наповнення елемента і розповсюджується на його внутрішні відступи (padding). Зовнішні поля (margin) лишаються прозорими.
Приклади:
td {background-color: Black;}
td {background-color: #aa00ff;}
td {background-color: rgb(115, 255, 115);}
td {background-color: rgb(10%, 50%, 90%);}
Можливі значення:
колір — колір фону. Вказується одним із стандартних для CSS способів задання кольору;
transparent — прозорий;
inherit — запозичити значення в батьківського елемента.
Особливості:
Хоча ця властивість не наслідує значення в свого батьківського елемента, але через те, що значенням по вмовчанню є transparent (прозорий), то колір фону елементів-нащадків співпадає з кольором фону батьківського елементу.
Об’єктна модель:
[window.]document.getElementById(“elementID”).style.backgroundColor
Значення за замовчуванням: transparent.
Застосовується до елементів: до всіх елементів.
Наслідується: Ні.
Можна встановити кольору прозорість:
background: rgba(255, 255, 255, 0.9);