Закрыть   X

  •    
  •    
Печать

background-size

Автор: Алексей Елизаров.

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%;
}


 


© 2018 cssprofi.ru.Алексей Елизаров. Все права защищены
cssprofi.ru - запрещено использование материалов сайта без согласия его автора и обратной ссылки