Mesuti
@Mesuti

Как задать размеры картинке если она псевдоэлемент?

Привет!
Не могу найти ответ.
Как задавать определенные размеры картинке, если она сделана псевдоээлементом?
песочница jsFiddle
  • Вопрос задан
  • 256 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега CSS
h1::before {
  content: "";
  background-image: url(http://via.placeholder.com/50x50);
  display: inline-block;
  width: 50px;
  height: 50px;
}

UPD. Вынесено из комментариев:

Если увеличивать width или height, то картинка повторяется.
Как можно отключить повтор?

Можно картинку растянуть:

background-size: cover;

А можно не изменяя размера разместить по центру, например:

background-position: center;
background-repeat: no-repeat;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы