background-color

    0
    63

    Свойство background-color используется для установки цвета фона элемента. Свойство не наследует свойства своего родителя, из-за того, что начальное значение устанавливается прозрачным. Цвет фона дочерних элементов такой же, как и у родительского элемента.

    Элемент также может иметь один или несколько фоновых изображений, которые устанавливаются с помощью свойств фонового изображения.
    Если фоновое изображение не полностью покрывает задний фон элемента, то на непокрытом месте будет отображен установленный цвет фона.

    Если используется изображение с альфа-каналом и установленной прозрачностью, то установленный цвет фона будет отображаться.

    Использование background-color

    • Синтаксис:
    • По умолчанию: transparent
    • Применяется: Ко всем элементам
    • Анимируется: да

    Пример

    Следующий код установит всем элементам <p> красный цвет фона:

    Следующий код установит всем элементам с классом .section светло-зеленый цвет фона:

    Демо

    Поддержка браузерами

    Данное свойство работает во всех основных браузерах: Chrome, Firefox, Safari, IE, Opera, на Android и iOS.

    ПОДЕЛИТЬСЯ
    Предыдущая статья:visited
    Следующая статьяbackground-image
    Постоянный автор на exabyte.ws. Специализируюсь на Wordpress, Javascript & jQ, REST API. Любые вопросы связанные с Web разработкой вы можете задать лично или в группе вконтакте.

    ОСТАВЬТЕ ОТВЕТ

    Пожалуйста оставьте комментарий!
    Введите ваше имя