Свойство backgroundSize
Пример style.backgroundSize
Укажите размер фонового изображения:
document.getElementById("myDIV").style.backgroundSize = "60px 120px";Попробуйте сами »
Описание backgroundSize
Свойство backgroundSize задает или возвращает размер фоновых изображений.
Похожи на backgroundSize
HTML Стили: Свойство background
CSS Учебник: CSS Backgrounds
CSS3 Учебник: CSS3 Backgrounds
CSS Справочник: Свойство background-size
Синтаксис backgroundSize
Вернуть свойство backgroundSize:
object.style.backgroundSize
Установите свойство backgroundSize:
object.style.backgroundSize = "auto|length|cover|contain|intial|inherit"
Значение свойства backgroundSize
| Значение | Описание |
|---|---|
| auto | Значение по умолчанию. Фоновое изображение содержит его ширину и высоту. |
| length | Устанавливает ширину и высоту фонового изображения. Первое значение задает ширину, второе значение задает высоту. Если указано только одно значение, второе значение устанавливается на "auto". |
| percentage | Устанавливает ширину и высоту фонового изображения в процентах от родительского элемента. Первое значение задает ширину, второе значение задает высоту. Если указано только одно значение, второе значение устанавливается на "auto". |
| cover | Масштабируйте фоновое изображение до максимально возможного размера, чтобы фоновая область была полностью покрыта фоновым изображением. Некоторые части фонового изображения могут быть не видны в области позиционирования фона |
| contain | Масштабируйте изображение до наибольшего размера, чтобы его ширина и высота могли поместиться внутри области содержимого. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали backgroundSize
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство background-size элемента. |
| CSS Версия | CSS3 |
Поддержка backgroundSize
style.backgroundSize функция CSS3 (1999).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |