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

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

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

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