/ ↲
    Расширенный поиск

    CSS

    background-origin

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

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

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

    Кратко

    Скопировано

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

    Как пишется

    Скопировано

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

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

    Читайте также

    • padding

      Внутренний отступ, от края элемента до вложенного в него контента.

    • border

      Одним свойством задаём все стили рамки элемента.