ویژگی background-clip CSS

определение и использование

background-clip атрибут определяет область рисования фона.

также см.:

Учебник CSS:پس‌زمینه CSSиCSS фоновое изображение (расширенное)

Руководство по HTML DOM:атрибут backgroundClip

пример

определяет область рисования фона:

div
{
background-color:yellow;
background-clip:content-box;
}

попробуйте сами

CSS синтаксис

background-clip: border-box|padding-box|content-box;

значение атрибута

значение описание тест
border-box фоновое изображение обрезается до области рамки. тест
padding-box фоновое изображение обрезается до области отступа. тест
content-box фоновое изображение обрезается до области содержимого. тест

технические детали

по умолчанию: border-box
наследование: нет
версия: CSS3
JavaScript синтаксис: объект.style.backgroundClip="content-box"

поддержка браузерами

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

chrome edge firefox сafari опера
chrome IE / edge firefox сafari опера
4.0 9.0 4.0 3.0 10.5