Свойство 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"

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

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

Хром Эдж Фаерфокс Сафари Опера
Хром IE / Эдж Фаерфокс Сафари Опера
4.0 9.0 4.0 3.0 10.5