Примечание: не поддерживается в IE8 и более ранних версиях.
Свойство background-size указывает размер для фонового изображения.
| Значение по умолчанию: |
auto |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| Синтаксис JavaScript: |
object.style.backgroundSize="60px 80px" |
| Значение |
Описание |
| auto |
Значение по умолчанию. Фоновое изображение отображается в своем исходном размере. |
| length |
Устанавливает высоту и ширину для фонового изображения в пикселях (10px 10px). Первое значение указывает ширину, второе значение указывает высоту. Если задано только одно значение, второе значение будет вычисляться автоматически с сохранением пропорций изображения. |
| percentage |
Устанавливает высоту и ширину для фонового изображения в процентах. Первое значение указывает ширину, второе значение указывает высоту. Если задано только одно значение, второе будет задано автоматически под ширину изображения. |
| cover |
Масштабирует изображение сохраняя его пропорции равняясь на ширину элемента или окна браузера. |
| contain |
Масштабирует изображение сохраняя пропорции таким образом, чтобы изображение полностью помещалось в элементе или в окне браузера. |
Пример
|