Свойство style.backgroundClip
- Предыдущая страница backgroundRepeat
- Следующая страница backgroundOrigin
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
backgroundClip
Настройка или возврат области рисования фона.
См. также:
HTML стили:Свойство background
CSS курс:Фон CSS
CSS3 курс:CSS3 фоны
CSS справочник:Свойство background-clip
Пример
Указать область рисования фона:
document.getElementById("myDIV").style.backgroundClip = "content-box";
Грамматика
Возврат свойства backgroundClip:
object.style.backgroundClip
Установка свойства backgroundClip:
object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"
Значение атрибута
Значение | Описание |
---|---|
border-box | Значение по умолчанию. Фон обрезается до области рамки (border box). |
padding-box | Фон обрезается до области отступов. |
content-box | Фон обрезается до области содержимого. |
initial | Этот атрибут устанавливается в его значение по умолчанию. См. initial. |
inherit | Этот атрибут наследуется из родительского элемента. См. inherit. |
Технические детали
Значение по умолчанию: | border-box |
---|---|
Возвратное значение: | Строка, которая указывает на Свойство background-clip. |
Версия CSS: | CSS3 |
Поддержка браузерами
backgroundClip
Это функция CSS3 (1999).
Все браузеры поддерживают его полностью:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Поддержка | Поддержка | Поддержка | Поддержка | Поддержка | 11 |
- Предыдущая страница backgroundRepeat
- Следующая страница backgroundOrigin
- Вернуться на один уровень выше Объект Style HTML DOM