所以，我是那些总是使用最新浏览器版本的人之一（当然除了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专家有什么见解吗？
答案 0 :(得分：6)
the current spec中不再存在展开的border-*-image属性，并且已经很长时间了。 1 如果任何浏览器仍然实现这些属性，则它们不是 - 标准，你不应指望他们获得跨浏览器的支持。
对于它的价值，CSS3.info非常过时，现在几乎没有更新，所以我不再使用它作为参考。 http://caniuse.com处的表格总是尽可能参考当前的规范（带有特殊情况的注释），因此您需要确保在查看功能时查看最新规范，尤其是草稿中的功能并且还没有标准化。
1 将border-image扩展到各个方面是Border module中的一个非常古老的想法（上面的CSS3.info页面链接到了！） ，它与背景模块合并，所有这些都发生在很多年前。合并发生在2005年，那时扩展的属性被删除，留下border-image和其他几个与盒子边无关的属性。那些属性从未再次出现;甚至没有在背景和边界4级。
答案 1 :(得分：1)
http://css-tricks.com/understanding-border-image/
查看浏览器怪癖。 此外，我没有看到任何地方说你可以使用border-right-image上的完整属性吗？