Версия CSS | 3 |
Применение | любые элементы |
Значение (по умолчанию) | auto |
Это свойство позволяет увеличивать или уменьшать фоновое изображение. Значение может быть установлено в пикселях и других единицах (ширина высота), в процентах (от общего размера элемента), а так же при помощи определённых слов (см. таблицу ниже).
Значение | Действие |
auto | Если данное значение применяется сразу для ширины и высоты, то картинка не меняется; если задать данное значение только для одной из сторон, а для другой указать в каких-либо допустимых единицах, то значение для другой стороны будет установлено автоматически |
cover | Изображение устанавливается в соответствии с размерами элемента, но с соблюдением пропорций картинки. |
contain | Устанавливает размер изображения так, что бы оно поместилось внутри элемента, но с соблюдением пропорций. |
Соблюдение указанных значений и отображение фона зависит от браузера пользователя; некоторые значения могут не работать.
Пример кода:
1 {
2 background-size: auto;
3 }