repeat css background image a set number of times
is there a way to set the number of times a background image repeats with css?
An ugly hack could be inserting multiple times —statically— the same image (using multiple backgrounds):
E.g. To repeat horizontally an image (80x80) three times:
background-image: url('bg_texture.png'),
url('bg_texture.png'),
url('bg_texture.png');
background-repeat: no-repeat,
no-repeat,
no-repeat;
background-position: 0 top,
80px top,
160px top;
Beware: not working on IE under 9 version (source).
no.
you might set a absolute width for a box but there is no css option to repeat the image n times.