Как работает свойство background-clip в CSS?

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

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

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

Корневой элемент имеет другую область рисования фона, поэтому свойство background-clip на него не влияет. html5book.ru