CSS border-style: wave

Question

I came across this document on w3.org: http://www.w3.org/TR/2002/WD-css3-border-20021107/borderstyles.png that shows a border-style: wave property. Eager to try I tested it out in Firefox and in Chrome, but alas. Was there any point at which this property setting was fully supported? For which browsers?

Answer 1

No. There is no support for the border-style:wave property (along with the dot-dash and dot-dot-dash properties) in any browser.

If you wanted a wavey border, a solution could be to utilise the border-image property using an image of a wavey border of your choice. Be sure to check out @David Starkey's jsFiddle for a nice example of that.

One thing to note, however, is that the border-image property isn't supported in any versions of IE. A good workaround for getting IE6-IE9 to support border-image is to use CSS3Pie.