1.4 KiB
1.4 KiB
title | localeTitle |
---|---|
Background Size | Размер фона |
Размер фона
Свойство background-size определяет размер фоновых изображений. Вы можете установить длину или процент, при этом первое значение будет шириной, а второе - высотой. Вы также можете использовать одно из пяти значений ключевых слов:
.auto {background-size: auto;}
.cover {background-size: cover;}
.contain {background-size: contain;}
.initial {background-size: initial;}
.inherit {background-size: inherit;}
/* Percentage and pixel can also be used */
.pixel {background-size: 50px 50px;}
.percentage {background-size: 50% 50%;}
Чтобы установить это свойство на нескольких фоновых изображениях, разделите значения запятой:
.multiple {
background-image: url(1.png), url(2.png);
background-size: 3px 3px, cover;
}
Дополнительная информация:
Документация: MDN
CSS-трюки: размер фона
Поддержка браузера: caniuse