边框左图像,边框右图像,边框顶部图像和边框底部图像有什么用？

Question

所以,我是那些总是使用最新的浏览器版本而感到自豪的人之一(当然除了Internet Explorer之外 - 我不会谈论那个浏览器).

我已经遇到这个真棒CSS3网站,详细说明border-image在引进CSS3属性,包括它的扩展性能,如border-left-image,border-right-image,border-top-image,border-bottom-image等等.

详见这里,这个属性是至少在大多数主流浏览器部分支持.所以,一切都很好,对吧？不是那么快......

我能够border-image按预期工作,但它的扩展属性不会呈现.例如,border-right-image: url(border.png) 27 27 27 27 round round;在Firefox,Chrome或Safari中没有做任何事情!

border-image 在我们的互联网上相对记录,但对任何扩展的属性都有极其有限(即少于10个结果).

我们的CSS3专家有什么见解吗？

Answer 1

扩展border-*-image属性在当前规范中不再存在,并且已经很长时间没有了.¹如果任何浏览器仍然实现这些属性,则它们是非标准的,您不应期望它们获得跨浏览器支持.

对于它的价值,CSS3.info非常过时,现在几乎没有更新,所以我不再使用它作为参考.http://caniuse.com上的表格总是尽可能参考当前的规格(带有特殊情况的注释),因此您需要确保在查看功能时查看最新的规格,特别是那些在草案中尚未标准化.

¹ _{在Border模块(上面的CSS3.info页面链接到!)中扩展border-image到它的各个方面是一个非常古老的想法,它与Background模块合并,所有这些都发生在很多年前.合并发生在2005年,当时扩展的属性被删除,留下我们和其他几个与盒子方面无关的属性.那些属性从未再次出现; 甚至没有在背景和边界4级.border-image}