Как реализовать отступы у background-repeat?

Question

[alex_maldinsky]

Нужно реализовать отступы у background-repeat, т.е. : joxi.ru/Y2LyxGXt94dxKA где желтные квадраты - это изображение, конечное количество изображений неизвестно, нужно брать одно изображение и репитить по y через промежуток (он известен). Возможно ли? или другие способы реализации?

Comments

[Сергей delphinpro]

картинка с прозрачными полями нужного размера.

[alex_maldinsky]

поля будут слишком большие... при размере изображения в 300 px по высоте, пустое место будет около 600

Answer 1

[Александр Гамов]

У этого свойства отступы задать нельзя. Как вариант - порезать изображение с учетом отступов (добавить фон).

Comments

[alex_maldinsky]

и тогда пустого места у картинк будет в 2 раза больше чем самой картинки)

[Александр Гамов]

alex_maldinsky, и что ? если это png то там копеечная разница, у jpg тоже, если фон одного цвета. (по весу)

Answer 2

[Kovalsky]

Может быть background-repeat: space; или background-repeat: round;

Comments

[alex_maldinsky]

да, но это если делать "лишний фон в картинок" а если без него?

[Kovalsky]

alex_maldinsky, да, вы правы, это не решает вашу проблему. Ну тогда вам и правда придется добавлять фон картинке. "поля будут слишком большие... при размере изображения в 300 px по высоте, пустое место будет около 600" - вот это я не понял. Пустого места будет столько сколько добавите.

[alex_maldinsky]

Никита Полевой, ну отступы мне большие нужны - соответственно и пустого места будет много

[Kovalsky]

alex_maldinsky, я всё равно не понял. В описанном вами где-то есть проблема? Да, чтобы добавить отступы придётся добавить пустого места. А много или нет - это уже от вас зависит.