freeCodeCamp/guide/russian/css/background-size/index.md

1.4 KiB
Raw Blame History

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