Задать вопрос
@vvvadimos

Как для картинки сделать поведение, которое делает свойство background-size: cover для фона?

есть блок. допустим 500*300 пикс
в нем картинка. вот эту картинку нужно растянуть так: 100% по ширине, и обрезать по высоте, если она не влазит по высоте. но если ширина картинки 100% от блока, а высота при этом меньше 100% высоты блока, то уже надо чтоб высота картинки была 100%, а ширина обрезалась, короче надо с картинкой сделать такое же поведение как задает свойство background-size: cover; для фона
картинка должна быть по центру по вертикали, если обрезается. js использовать нельзя
  • Вопрос задан
  • 173 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
ProjectSoft
@ProjectSoft
Front-end && Back-end разработчик
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы