Цвет границы не меняется

Question

Ive создал div. На правой границе div theres изображение границы и на левой границе я хочу иметь цветную границу. Проблема в том, что я меняю цвет, который он не появляется. Как я могу это исправить? Это мой FIDDLE

CSS:

div{ 
    height:200px; 
    width:200px; 
    background:#EA6E0E; 
    border-image-slice: 0 31 0 0; 
    border-image-width: 0px 20px 0px 0px; 
    border-image-outset: 0px 0px 7px 0px; 
    border-image-repeat: stretch stretch; 
    border-image-source: url("http://i.imgur.com/pN8TPVw.jpg?1"); 

    border-radius:8px; 
    border-left:8px solid #000; //NOT WORKING 
} 

Answer 1

Вы не можете установить границы-изображения и границы слева, что вы могли бы сделать, это дать левую границу, а затем вместо границы-изображения, просто создайте div, который действует как граница. Сделайте это, давая родительский DIV (тот с границей) position: relative; (так что все его дочерние элементы относительно его положения) и пограничную-DIV height: 100%; position: absolute; right: 0; width: 20px;

FIDDLE