Линия под элементом

[lexx]

Добрый день! Как с помощью CSS сделать рисованную (картинку) линию под или над элементом?

Edited July 2, 2012 by lexx

[gift]

В общем случае, стоит использовать background и, возможно, элемент-обёртку. Он может потребоваться, если вы хотите, чтобы ваша «линия» не влияла на положение элемента на странице: обёртку можно сдвинуть отрицательными полями.

Существует также border-image, но пока что первый вариант надёжнее.

[Modestes]

вывести её в отдельном диве, или же вывести в этом элементе и спозиционировать её

можно обойтись тегом <hr>

[lexx]

Я сделал с помощью border-image

но меня смущает вот это:

Firefox поддерживает свойство -moz-border-image.

Safari, Chrome и iOS поддерживают свойство -webkit-border-image.

Opera поддерживает свойство -o-border-image, начиная с версии 11.0 понимает стандартное свойство без префиксов.

что то как то код не играет, не радует!

[gift]

Firefox поддерживает свойство -moz-border-image.

Safari, Chrome и iOS поддерживают свойство -webkit-border-image.

Opera поддерживает свойство -o-border-image, начиная с версии 11.0 понимает стандартное свойство без префиксов.

что то как то код не играет, не радует!

Ничего страшного, это пережиток эпохи. Расположите свойства с вендорными префиксами в начале, а стандартные в конце, и всё будет в порядке.

Edited July 3, 2012 by gift