CSS 3边框图像如何工作？

Question

我有一个4x4大小的图像，我想在DIV的边框周围使用它。以下内容：

-moz-border-image: url("../images/window/side.png") 4 4 4 4/4px 4px 4px 4px repeat repeat 

将放置左侧和右侧边框，但不是底部和顶部。它出什么问题了？我想我误解了语法，如果是这样，这个语法是如何工作的？

Answer 1

如果您希望4x4图像沿着边界平铺，则需要创建一个新图像，12x12看起来像一个边框已经平铺的方形框。与此类似，其中每颗钻石将是你的4X4的形象：

然后，你只需要使用这个CSS：

border-image: url("border.png") 4 repeat; 

在official spec的例子可以使它更清晰一点。

Answer 2

你尝试
-moz-border-image: url("../images/window/side.png") 4/4px repeat;
或
-moz-border-image: url("../images/window/side.png") 4 repeat;
与border-width:4px;
？