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图像：

_{（资源： www.w3.org)}

然后，您只需使用此CSS：

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

示例 官方规格 可能会使它更加清晰。

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;
?