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

Определение и использование

background-color Проп�性е устанавливает цвет фона элемента.

Область фона элемента

background-color Проп�性е для элемента устанавливает один сплошной цвет. Этот цвет заполняет содержимое элемента, внутренние поля и рамку элемента, расширяясь до внешней границы рамки элемента (но не включая внешние поля). Если у рамки есть прозрачные части (например, пунктирная рамка), через эти прозрачные части будет виден цвет фона.

значение transparent

Несмотря на то, что в большинстве случаев transparentХотя в большинстве случаев это не необходимо, если вы не хотите, чтобы у определенного элемента был цвет фона, и не хотите, чтобы настройки цвета пользователя влияли на ваш дизайн, установите transparent Значение все же необходимо.

См. также:

Урок CSS:Фон CSS

Руководство HTML DOM:Проп�性е backgroundColor

Пример

Установите фоновый цвет для различных элементов:

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

Попробуйте сами

Синтаксис CSS

background-color: color|transparent|initial|inherit;

Значение атрибута

Значение Описание
color_name Определяет цвет фона по имени цвета (например, red).
hex_number Определяет цвет фона в формате шестнадцатеричного числа (например, #ff0000).
rgb_number Определяет цвет фона в формате RGB (например, rgb(255,0,0)).
transparent По умолчанию. Цвет фона является прозрачным.
inherit Определяет, что значение свойства background-color должно наследоваться от родительского элемента.

Технические детали

Значение по умолчанию: transparent
Наследование: no
Версия: CSS1
Синтаксис JavaScript: object.style.backgroundColor="#00FF00"

Поддержка браузеров

В таблице указаны версии первых браузеров, которые полностью поддерживают этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5