CSS как растянуть картинку на весь блок

Чтобы растянуть картинку на весь блок в CSS, можно использовать свойство background-size с значением cover. Если вы хотите использовать это свойство для элемента <img>, следует присвоить ему значение width: 100%; height: 100%; в CSS файле.

1. С помощью CSS background:

.block {
  background-image: url('image.png');
  background-size: cover;
}

В этом примере мы задали фоновое изображение для блока с использованием свойства background-image и растянули его по размерам блока с помощью свойства background-size: cover.

2. С помощью CSS IMG:

img {
  display: block;
  width: 100%;
  height: auto;
}

В этом примере мы используем свойства width: 100% и height: auto, чтобы растянуть картинку по ширине родительского блока.

Эти два примера покажут вам, как можно растянуть изображение на всю ширину или высоту блока в CSS.