• Теория
  • Теория

Обрезка фона

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

Значения свойства такие же, как у background-origin: padding-box, border-box и content-box.

Схематичное отображение значений свойства background-clip

Значение border-box задано по умолчанию, при этом фоновое изображение совсем не обрезается.

Значение padding-box обрежет фон по внутреннему краю области рамки.

Значение content-box обрежет фон по краю области содержимого.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Рамки и фоны. Погружение» тренажёра «Продвинутая работа с фонами и рамками» можно после регистрации и оформления подписки.