css - 只留下边框图像

Question

我正在尝试添加边框图像，但仅添加到元素的左侧。我试过 border-left-image 无济于事。如果你看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

边框图像具有宽度属性。设置(分别)顶部、右侧、底部、左侧的宽度:

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