background-color

Описание

Свойство CSS background-color позволяет установить цвет фона элемента или сделать элемент прозрачным.
background-color затрагивает элемент полностью, вместе с полями (padding) и границами (border), но не меняет фон отступов (margin).

background-color
Значения: <цвет> | transparent | inherit
Начальное значение: transparent
Область применения: все элементы
Наследование: нет
Поддержка браузерами: Internet Explorer 4+, Chrome 1+, Opera 3.5+, Safari 1+, Firefox 1+, Android 1+
Синтаксис JavaScript object.style.backgroundColor="#ff0000"
Примечание:

Синтаксис

background-color:  <цвет> | inherit

Значения

Свойство background-color может принимать следующие значения:

<цвет>
Устанавливает указанный цвет фона
transparent
Устанавливает прозрачный фон
inherit
Наследует значение родительского элемента
Значение inherit не поддерживает IE7 и более старые версии браузера.

Пример

<!DOCTYPE HTML>
<head>
	<meta http-equiv="content-type" content="text/html" />
	<style>
.box {
    width: 300px;
    height: 200px;
    background-color: #0f0;
</style>
	<title>Свойство CSS background-color</title>
</head>
<body>
	<div class="box">
		Для этого блока указано свойство <strong>background-color</strong> со значением <strong>#0f0</strong>
	</div>
</body>
</html>

Результат

Свойство css background-color

Комментирование запрещено.