background-origin

Управляем тем, какую область фоновая картинка будет занимать внутри элемента.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Свойство background-origin определяет какие области блока будет занимать фоновая картинка: все области, включая рамку, внутренний отступ и контент или только контент. Не влияет на background-color.

Как пишется

Скопировано

Доступные значения:

  • border-box — фоновая картинка заполняет все области блока: контентную, внутренний отступ и рамку.
  • padding-box — фоновая картинка заполняет область контента и внутреннего отступа, но не заходит под рамку (значение по умолчанию).
  • content-box — фоновая картинка заполняет только контентную область, но не заходит во внутренний отступ и под рамку.