/css/background-color:> Цвет фона_

Свойство background-color

Синтаксис

CSS 1
CSS 2‒2.2
CSS 3
background-color: <цвет> | transparent | inherit;

Описание

Свойство background-color задаёт цвет фона элемента. (Цвет фона элемента располагается за фоновым изображением.)

Применяется: ко всем элементам;
Наследование: отсутствует;
Проценты: не используются;
Медиа: визуальные.

JavaScript

[объект].style.backgroundColor="[значение]";


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Значения

<цвет>
Указывает цвет фона.

Блок жёлтого цвета background-color: yellow;

transparent
Устанавливает прозрачный фон.

Блок жёлтого цвета background-color: transparent;

inherit
Значение фона наследуется от родительского элемента.

Начальное значение: «transparent».


Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Цвет фона</title>
<style type="text/css">
body { background-color: #f7f7f7; }
.box { background-color: #ffeeaa; }
.box, .box1 {
width: 250px;
height: 25px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>Свойство "background-color"</h1>
<p>Документ с серым фоном.</p>
<div class="box">Блок с бледно-жёлтым фоном</div>
<div class="box1">Блок с прозрачным фоном</div>
</body>
</html>
Цвет фона