пример
Установите фоновое изображение относительно блока контента:
document.getElementById("myDIV").style.backgroundOrigin = "content-box"; Попробуй сам " Определение и использование
Множества свойства backgroundOrigin или возвращает то, что свойство фона-позиция относительно.
Note: Если свойство фон-вложение для фонового изображения "fixed" , это свойство не имеет никакого эффекта.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| backgroundOrigin | 4,0 | 9,0 | 4,0 | 3.0 | 10,5 |
Синтаксис
Возвращает свойство backgroundOrigin:
object .style.backgroundOrigin
Установите свойство backgroundOrigin:
object .style.backgroundOrigin="padding-box|border-box|content-box|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| padding-box | Значение по умолчанию. Фоновое изображение позиционируется по отношению к коробке заполнения |
| border-box | Фоновое изображение позиционируется относительно окна границы |
| content-box | Фоновое изображение позиционируется по отношению к блоку контента |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | набивка ящик |
|---|---|
| Возвращаемое значение: | Строка, представляющая фона происхождение свойства элемента |
| CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: background-origin property
<Style Object