Свойство backgroundOrigin
Пример style.backgroundOrigin
Расположите фоновое изображение относительно поля содержимого:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
Попробуйте сами »
Описание backgroundOrigin
Свойство backgroundOrigin устанавливает или возвращает значение свойства background-position относительно него.
Примечание: Если свойство background-attachment для фонового изображения установлено на "fixed", это свойство не имеет никакого эффекта.
Похожи на backgroundOrigin
HTML Стили: Свойство background
CSS Учебник: CSS Backgrounds
CSS3 Учебник: CSS3 Backgrounds
CSS Справочник: Свойство background-origin
Синтаксис backgroundOrigin
Вернуть свойство backgroundOrigin:
object.style.backgroundOrigin
Установите свойство backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
Значение свойства backgroundOrigin
| Значение | Описание |
|---|---|
| padding-box | Значение по умолчанию. Фоновое изображение располагается относительно поля заполнения. |
| border-box | Фоновое изображение позиционируется относительно границы. |
| content-box | Фоновое изображение позиционируется относительно поля содержимого. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали backgroundOrigin
| Значение по умолчанию: | padding-box |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство background-origin элемента. |
| CSS Версия | CSS3 |
Поддержка backgroundOrigin
style.backgroundOrigin функция CSS3 (1999).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |