В CSS-свойствах «cover» — это значение свойства background-size, которое указывает, каким образом нужно изменить размер изображения фона, чтобы оно полностью покрыло заданный элемент, и не было видимых границ.

Когда свойству background-size задано значение «cover», изображение растягивается или сжимается по размеру содержащего его элемента (включая все пространство этого элемента), сохраняя при этом свои пропорции, чтобы оно полностью покрывало содержимое. Если пропорции изображения и элемента совпадают, то никакого искажения не будет.

Например:

div {
  background-image: url("mybackground.png");
  background-size: cover;
}

В этом примере, изображение фона для элемента <div> будет растянуто или сжато, чтобы подогнаться под размер этого элемента, и при этом сохранять свои пропорции. Размеры изображения будут изменяться так, чтобы оно полностью покрыло все содержимое элемента, без искажения и без появления горизонтальных или вертикальных границ.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Cover css что это

Наш специалист свяжется с вами в ближайшее время и уточнит детали