Возможно ли сделать через CSS с помощью repeat повтор последней линии пикселей картинки?

Question

[DoubleWish]

Вообщем есть картинка, бэкграунд div. Картинка в ширину 980px и она отцентрована. Возможно ли сделать повторения ее левой правой стороны, захватывая именно последнюю линию пикселей?

Answer 1

[Антон]

Неуниверсальный способ: отрежьте эту последнюю линию, поставьте ее повторяющимся фоном блоку. Затем в блоке создайте еще блок и уже ему поставьте обычный фон.

Answer 2

[Tashiro]

только на CSS нельзя.
возможно только если делать к этой картинке еще 2 изображения с толщиной в 1px и накладывать их под картинку через :before, :after

Answer 3

[GreatRash]

Если вам нужна кроссбраузерность (т.е. IE<11), да ещё и "резина", то нет. А если вас устраивают последние версии браузеров, и резина не нужна, то можно.

Почитайте про border-image. Там есть параметр stretch - это то что вам нужно.

Comments

[Tashiro]

даже при таком подходе нужны 2 доп картинки

[GreatRash]

Не нужны, в том то и фишка.