CSS边框样式：wave [英] CSS border-style: wave

问题描述

我在w3.org上遇到这个文件：
http://www.w3.org/TR/2002/WD-css3-border-20021107/borderstyles.png ，显示border-style：wave属性。渴望尝试我在Firefox和Chrome中测试它，但唉。是否有任何点完全支持此属性设置？对于哪些浏览器？

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?

推荐答案

否。不支持 border-style：wave 属性（以及 dot-dash 和 dot-dot-dash 属性）。

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

如果您想要一个波形边框，解决方案可以使用 border-image 你的选择。请务必查看 @David Starkey 的 jsFiddle 。

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.

但是，需要注意的是 border-image 属性不支持在任何版本的IE。获得IE6-IE9支持 border-image 的一个很好的解决方法是使用 CSS3Pie 。

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.

这篇关于CSS边框样式：wave的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！