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