css – border-left-image,border-right-image,border-top-image和border-bottom-image是什么？

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

我遇到了this awesome CSS3 website,详细介绍了CSS3中引入的border-image属性,包括其扩展属性,如border-left-image,border-right-image,border-top-image,border-bottom-image等.

如详细的here,在大多数主流浏览器中至少部分支持该属性.所以,一切都很好,对吧？不是那么快……

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

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

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

扩展的边框 – * – 图像属性在 the current spec中不再存在,并且已经很长时间了.1如果任何浏览器仍然实现这些属性,它们是非标准的,您不应期望它们获得跨浏览器支持.

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

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