Можно ли установить размер изображения при добавлении через превдоэлемент?

Question

[coderxx]

li + li::before {
	content: url("../img/angle-right-solid.svg");
}

Через ::before добавляю иконку из Font Awesome, как установить ее размер?

Answer 1

[kshkld7ck]

li + li::before {
  content: "";
background:url(".../img/angle-right-solid.svg") no-repeat;
position:absolute;
width:10px;
height:10px;
background-size:100%;
background-position:50% 50%
}

Comments

[coderxx]

идею понял но встает крайне криво, как-то даже с ходу выравнять не получается...

[kshkld7ck]

coderxx, так сходу не могу вам сказать, как ровно вставить, если дадите код - помогу)

[coderxx]

kshkld7ck, да я сам покопаюсь разребусь, спасибо)

Answer 2

[Ankhena]

Вы можете вставить в content прямо код svg. Только предварительно нужно прогнать его через конвертер, например https://websemantics.uk/tools/svg-to-background-im...

И задавать размер как обычному svg через width и height.

Comments

[coderxx]

отличный вариант