Атрибут Style backgroundSize

Определение и использование

backgroundSize Настройка или возврат размера фонового изображения.

Дополнительная информация:

HTML Стили:Атрибут background

CSS Уроки:Фон CSS

CSS3 Уроки:CSS3 Фон

CSS РуководствоАтрибут background-size

Пример

Определите размер фонового изображения:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

Попробуйте сами

Грамматика

Возврат атрибута backgroundSize:

object.style.backgroundSize

Установите атрибут backgroundSize:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

Значение атрибута

Значение Описание
auto Значение по умолчанию. Фоновое изображение включает в себя свою ширину и высоту.
length

Установите ширину и высоту фонового изображения.

Первый параметр устанавливает ширину, а второй — высоту.

Если указан только один параметр, то второй устанавливается в "auto".
percentage

Установите ширину и высоту фонового изображения в процентах от родительского элемента.

Первый параметр устанавливает ширину, а второй — высоту.

Если указан только один параметр, то второй устанавливается в "auto".
cover

Увеличьте фоновое изображение до возможно большего размера, чтобы область фона была полностью покрыта фоновым изображением.

Некоторые части фонового изображения могут не быть в области фонового позиционирования.
contain Увеличьте изображение до максимального размера, чтобы его ширина и высота подходили для области содержимого.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: auto
Возвратное значение: Строка, представляющая Атрибут background-size.
Версия CSS: CSS3

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

backgroundSize Это функция CSS3 (1999).

Все браузеры полностью поддерживают его:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Поддержка Поддержка Поддержка Поддержка Поддержка 11