border-image left only

Question

我想添加一個邊框圖像，但只能添加到元素的左側。我已經嘗試了邊界左圖，無濟於事。如果你看看this site，你會注意到在頁腳的兩側都有一個雙邊框的元素，當我只想在左邊時。

這是我對於元件的電流造型：

border-style: solid; 
    -moz-border-image: url(/assets/dist/images/footer-border.png) 8 fill stretch repeat; 
    -webkit-border-image: url(/assets/dist/images/footer-border.png) 8 fill stretch repeat; 
    -o-border-image: url(/assets/dist/images/footer-border.png) 8 fill stretch repeat; 
    border-image: url(/assets/dist/images/footer-border.png) 8 fill stretch repeat; 

Answer 1

決定把它只是絕對定位爲一個背景圖像和重複在y軸代替。可能不是最好的解決方案，但它的工作原理。

Answer 2

border image有一個寬度屬性。分別設置頂部，右側，底部，左側的寬度：

border-image-width: 0px 0px 0px 30px;