Zdravím,

vie niekto ako urobiť v CSS to že bych mal nejaký element ohraničený borderom nasledovným spôsobom:

border mám na lavej a pravej strane elementu, obe sú 4px široké. V lavom bordery chcem prvé 2 pixely bielou farbou, a druhé 2 pixely čiernou farbou. V pravom bordery chcem prvé 2 pixely čiernou farbou, a ďalšie 2 pixely bielou farbou...

môj momentálny CSS kód:

.el {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-image: linear-gradient(to left, #000000 2px, #ffffff 2px); // chcem aplikovať pre ľavý border
	border-image: linear-gradient(to right, #000000 2px, #ffffff 2px); // chcem aplikovať pre pravý border
        border-image-slice: 1; // ???
}

niekde som našiel niečo ako border-left/right-image ale to nefunguje. Tak som hľadal ďalej, zistil som že nič také ako border-left/right-image nieje, ale že sa to dá riešiť cez slice. Tak som slice nastavil na 2, ovšem ani

border-image: linear-gradient(to left, #000000 2px, #ffffff 2px, #ffffff 2px, #000000 2px) 2;

mi nefunguje správne, viete mi poradiť?