CSS 边框样式:波浪

Spo*_*ork 3 css border

我在 w3.org 上发现了这个文档: http://www.w3.org/TR/2002/WD-css3-border-20021107/borderstyles.png,它显示了 border-style: wave 属性。我急于尝试,在 Firefox 和 Chrome 中进行了测试,但可惜。是否有任何时候完全支持此属性设置?适用于哪些浏览器?

dsg*_*fin 5

不可以。任何浏览器都不支持该border-style:wave属性(以及dot-dash和属性)。dot-dot-dash

如果您想要波浪形边框,解决方案可能是border-image使用您选择的波浪形边框图像来利用该属性。请务必查看 的jsFiddle@David Starkey以获得一个很好的示例。

但需要注意的一件事是,border-image任何版本的 IE 都不支持该属性。让 IE6-IE9 支持的一个很好的解决方法border-image是使用CSS3Pie