background-clip

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

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

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

Кратко

Секция статьи "Кратко"

Свойство background-clip определяет, в каких областях будет находиться фоновая картинка и фоновый цвет блока.

Как пишется

Секция статьи "Как пишется"

Возможные значения:

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