Свойство BACKGROUND-COLOR

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS1
Значение по умолчанию transparent
Наследование Нет
Применяется Ко всем элементам
Аналог HTML <body | table | thead | tbody | tfoot | th | td bgcolor="цвет">
Ссылка на спецификацию http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-color

Описание

Задает цвет фона элемента. Не смотря на то что, данный параметр не наследует свойства своего родителя, из-за того, что начальное значение цвета фона устанавливается прозрачным, он совпадает с фоном текущего элемента.

Синтаксис

Аргументы

Значение цвета можно задавать тремя способами.

1. По его названию

Браузеры поддерживают некоторые цвета по их названию.

2. По шестнадцатеричному значению

Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Каждый из трех цветов RGB (красный, зеленый, синий -) может принимать значения от 00 до FF. То есть, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа задаюи красную компоненту цвета, два средних - зеленую, а два последних - синюю.

3. С помощью RGB

Можно задать цвет используя значения красной, зеленой и синей составляющей в десятичном исчислении. Значение каждого из трех цветов может принимать значения от 0 до 255. Также можно задавать цвет в процентном отношении.

Помимо значения цвета, существует еще один допустимый аргумент - transparent, устанавливающий прозрачный фон.

Пример

Валидный HTML
Валидный CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>background-color</title>
<style type="text/css">
BODY {
 background-color: #3366CC; /* Цвет фона web-страницы */
}
H1 {
 background-color: RGB(249, 201, 16); /* Цвет фона под заголовком */
}
P {
 background-color: maroon; /* Цвет фона под текстом параграфа */
 color: white; /* Цвет текста */
}
</style>
</head>
<body>
<h1>Успешный бизнес</h1>
<p>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</p>
</body>
</html>

Комментарий