Можно ли сделать repeat для тега img?

Question

[Brendan Castaneda]

Можно ли сделать так, чтобы изображение в теге img повторялось(repeat-Y) по вертикали.

Я гуглил и нашёл только код на JS, но там я не понимаю как и что привязать.

var $el = document.getElementById( 'rightflower' )
  , $img = $el.getElementsByTagName( 'img' )[0]
  , src  = $img.src

$el.innerHTML = "";
$el.style.background = "url( " + src + " ) repeat-y;"

Если есть какие нибудь варианты напишите.
Или на CodePen покажите как этот JS подрубать что-ле.. Если он рабочий.

Answer 1

[hzzzzl]

background-repeat: repeat-y;

https://developer.mozilla.org/en-US/docs/Web/CSS/b...

только для горизонтали наверно repeat-x надо

Comments

[Brendan Castaneda]

Нет для тега <img> это свойство не работает.
Да я ошибся по вертикали. Исправил.

Answer 2

[twentytvvo]

Скажите пожалуйста, а для каких целей вам это нужно?
Может все-таки будет проще использовать div с background-image, нежели такие лютые костыли?

Comments

[Brendan Castaneda]

Уже не нужно я всё там изменил..
Мне важно было на тот момент использовать картинку инлайново а не подгружать её в стилях.
Будь она подключена через стили я бы использовал background-repeat: repeat-y;
А так как она img для неё не работает это свойство.