`background-clip`

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

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

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

Кратко

Скопировано

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

Как пишется

Скопировано

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

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

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