css - 仅左边框图像

Question

我正在尝试添加边框图像，但仅添加到元素的左侧。我试过border-left-image无济于事。如果您查看此站点，您会注意到在页脚处我有一个两边都有双边框的元素，而我只想要它在左边。

这是我当前对该元素的样式：

    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

边框图像具有宽度属性。设置（分别）顶部，右侧，底部，左侧的宽度：

边框图像宽度：0px 0px 0px 30px；

Answer 2

决定将其绝对定位为背景图像并在 y 轴上重复它。可能不是最好的解决方案，但它有效。