CSS свойство background-size
Поддержка браузеров
Описание
Свойство background-size указывает размер для фонового изображения.
Значение по умолчанию: |
auto |
Наследуется: |
нет |
Версия: |
CSS3 |
Синтаксис JavaScript: |
object.style.backgroundSize="60px 80px" |
Значения свойства
Значение |
Описание |
length |
Устанавливает высоту и ширину для фонового изображения в пикселях (10px 10px). Первое значение указывает ширину, второе значение указывает высоту. Если задано только одно значение, второе будет задано автоматически под ширину изображения. |
percentage |
Устанавливает высоту и ширину для фонового изображения в процентах. Первое значение указывает ширину, второе значение указывает высоту. Если задано только одно значение, второе будет задано автоматически под ширину изображения. |
cover |
Масштабирует изображение сохраняя его пропорции равняясь на ширину элемента или окна браузера. |
contain |
Масштабирует изображение сохраняя пропорции таким образом, чтобы изображение полностью помещалось в элементе или в окне браузера. |
#myDIV
{
background-image:url('chrome.png');
background-repeat:no-repeat;
background-size:20%;
}
