| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0+ | 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Коротка інформація
| Значення за замовчуванням | прозорий |
|---|---|
| Наслідується | Ні |
| Застосовується | До всіх елементів |
| Відсотковий запис | Не застосовується |
| Посилання на специфікацію | http://www.w3.org/TR/CSS21/colors.html#propdef-background-color |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Визначає колір фону елемента. Хоча це властивість не успадковує властивість свого батька, через те, що початкове значення встановлюється прозорим, колір фону дочірніх елементів збігається з коліром фону батьківського елемента.
Синтаксис
background-color: <колір> | прозорий | успадковано
Значення
Див. колір
- прозорий
- Встановлює прозорий фон.
- успадковано
- Успадковує значення батька.
Приклад
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>background-color</title>
<style>
body{
background-color: #3366CC; /* Колір фону веб-сторінки */
}
h1 {
background-color: RGB(249, 201, 16); /* Колір фону під заголовком */
}
p {
background-color: maroon; /* Колір фону під текстом параграфа */
color: білий; /* Колір тексту */
}
</style>
</head>
<body>
<h1>Lorem ipsum dolor sit amet</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
</body>
</html>У цьому прикладі для елементів веб-сторінки застосовуються три різних способи задання фонового кольору. Результат прикладу показаний на малюнку 1.
Малюнок 1. Застосування background-color
Об'єктна модель
[window.]document.getElementById("ідентифікатор елемента").style.backgroundColor
Браузери
Internet Explorer до версії 7.0 включно не підтримує значення успадковано.