2013-06-24 5 views
2

Я наткнулся на этот документ на w3.org: http://www.w3.org/TR/2002/WD-css3-border-20021107/borderstyles.png, который показывает свойство border-style: wave. Стремясь попробовать, я тестировал его в Firefox и в Chrome, но, увы. Был ли какой-нибудь момент, когда эта настройка свойств была полностью поддержана? Для каких браузеров?CSS border-style: wave

+1

На основе [этой страницы] (http://www.w3.org/TR/css3-background/) кажется, что вы можете сделать это с изображением. См. Пример 27. –

+0

Да. Только один день, 7 ноября 2002 года. – j08691

+0

@DavidStarkey благодарит за подсказку, но пример 27, кажется, является примером пограничного изображения, а не стандартного пограничного стиля, правильно? – Spork

ответ

4

№ объекта Нет никакой поддержки для объекта border-style:wave (вместе с объектамии dot-dot-dash) в любом браузере.

Если вы хотите получить волнующую границу, решением может быть использование свойства border-image, используя изображение волнистой границы по вашему выбору. Обязательно ознакомьтесь с @David Starkey's jsFiddle.

Следует отметить, однако, что свойство border-image не поддерживается ни в каких версиях IE. Хорошим обходным решением для получения IE6-IE9 для поддержки border-image является использование CSS3Pie.

+0

Вы также можете подумать о предоставлении альтернативных решений. Как можно достичь волнистой границы? –

+0

@DavidStarkey Вы уже ответили, что часть с вашим примером border-image – lifetimes

+0

Да, это был комментарий. Если вы хотите сделать ответ, он должен быть как можно более полным. –