CSS справка
Първоначално фоновите изображения се показват от браузърите в техния естествен размер, като използвате свойствотоCSS background-size, можете да преоразмерите изображенията със съотношение (мащабирано) или без него.
Вид на имота
Отнася се за: всички елементи.
Стойността на свойството background-size е една или две (разделени с интервал) стойности. Ако са посочени две стойности, тогава първата е отговорна за ширината, втората за височината на изображението. Ако е посочен само един, тогава той отговаря за ширината, а стойността на височината се приема за auto.
- Проценти- стойности в проценти (%), където 100% се приема като ширина или височина на елемента. Отрицателните стойности (-20%) не могат да бъдат посочени.
- Размери- относителни или абсолютни стойности в CSS единици, например: пиксели (px), точки (pt), сантиметри (cm) и др. За тях също не са разрешени отрицателни стойности.
- auto— Автоматично изчисляване на размера. Ако са посочени две стойности (auto auto) или една (auto), тогава изображението се показва в действителния си размер. Ако една от стойностите е Процент или Размери, а другата е автоматична, тогава размерът се изчислява въз основа на съотношението на изображението (мащабирано).
- contain- мащабира изображението, така че да се побере изцяло в елемента и в същото време да граничи с поне две от противоположните му страни.
- cover- мащабиране на изображението, така че да запълни изцяло елемента, но в същото време да граничи само с поне две от противоположните му страни. Той може също да бъде в съседство с двете останали страни (ако пропорциите на изображението и елемента са еднакви) или да бъде изрязан (ако не съвпадат).
Процентно обозначение: спрямо размера на самия елемент.