Cover css что это

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

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

Например:

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

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