Цвет фона: background-color

background-color

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4.0 3.5 1.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.2 1.0 7.0 12.0 5.1
Свойство
background-color — это свойство задает цвет фона
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
зарезервированные слова значения цвета | число в шестнадцатеричном формате | запись в формате rgb | запись в формате hsl | transparent | inherit
Значение по умолчанию
transparent
Правила записи
свойство: значение;
Примеры
background-color: transparent; Этот текст имеет цвет фона transparent
background-color: rgb(54, 209, 136); Этот текст имеет цвет фона rgb(54, 209, 136)
background-color: rgba(54,209,136, 0.5); Этот текст имеет цвет фона rgba(54,209,136, 0.5)
background-color: hsl(183, 91%, 67%); Этот текст имеет цвет фона hsl(183, 91, 212)
background-color: hsla(183, 91%, 67%, 0.5); Этот текст имеет цвет фона hsla(183, 91, 212, 0.5)
background-color: #4573BB; Этот текст имеет цвет фона #4573BB
background-color: #890; Этот текст имеет цвет фона #890
background-color: aquamarine; Этот текст имеет цвет фона aquamarine
background-color: inherit; Это значит что свойство наследует значение от родителя
Поделиться