/css/background-color:> Цвет фона_
Свойство background-color
Синтаксис
CSS 1
CSS 2‒2.2
CSS 3
background-color: <цвет> | transparent | inherit;
Описание
Свойство background-color
задаёт цвет фона элемента. (Цвет фона элемента располагается за фоновым изображением.)
Применяется: | ко всем элементам; |
---|---|
Наследование: | отсутствует; |
Проценты: | не используются; |
Медиа: | визуальные. |
JavaScript
[объект]
Поддержка браузерами
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>
<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>
Цвет фона