所以，我是那些以始终使用最新浏览器版本而自豪的人之一（当然除了 Internet Explorer ——我不谈论那个浏览器）。
我遇到了这个很棒的 CSS3 网站，它详细介绍了 CSS3 中引入的属性，包括它的扩展属性，border-image例如border-left-image、border-right-image、等等。border-top-imageborder-bottom-image
如此处详述，大多数主流浏览器至少部分支持此属性。所以，一切都很好，对吧？没那么快...
我能够border-image按预期工作，但它的扩展属性没有呈现。例如，border-right-image: url(border.png) 27 27 27 27 round round;不在 Firefox、Chrome 或 Safari 中做任何事情！
border-image在我们的互联网上相对有记录，但任何扩展属性的结果都非常有限（即少于十个结果）。
我们的 CSS3 大师有什么见解吗？
扩展的属性在当前规范border-*-image中不再存在，并且很长一段时间都没有。1如果任何浏览器仍然实现这些属性，它们是非标准的，您不应期望它们获得跨浏览器支持。
对于它的价值，CSS3.info 已经非常过时并且这些天几乎没有更新，所以我不再将它用作参考。http://caniuse.com上的表格总是尽可能参考当前规范（带有针对特殊情况的注释），因此您需要确保在查看功能时查看最新规范，尤其是那些在草案中，尚未标准化。
1在 边框模块（上面的 CSS3.info 页面链接到！）中，向各个边扩展是一个非常古老的想法，它与背景模块合并，所有这些都发生在很多年前。合并发生在 2005 年，当时扩展的属性被删除，留下了和其他几个不属于盒子侧面的属性。从那以后，这些属性就再也没有出现过；甚至在背景和边框级别 4 中也没有。border-imageborder-image
http://css-tricks.com/understanding-border-image/
请参阅浏览器怪癖。另外，我没有看到任何地方说您可以使用border-right-image 上的完整属性，对吗？