Верхняя и нижняя границы исчезают, когда я использую border-image-slice: 1 50%; Но когда я использую border-image-slice: ⇐ CSS

[Anonymous]

Почему верхняя и нижняя границы исчезают, когда я использую border-image-slice: 1 50%;

Код: Выделить всё

border-width: 5px;
border-style: solid;
border-image-source: linear-gradient(to right, blue, green);
border-image-slice: 1 50%;
border-width: 5px;
border-style: solid;

[Проверьте изображение, у которого исчезают верхняя и нижняя границы]
https://i.sstatic.net/51izA77H.png >
И когда я использую border-image-slice: 1 0%; почему исчезают левая и правая границы?

Код: Выделить всё

border-width: 5px;
border-style: solid;
border-image-source: linear-gradient(to right, blue, green);
border-image-slice: 1 50%;
border-width: 5px;
border-style: solid;

[Проверьте изображение, у которого исчезают левая и правая границы]
https://i.sstatic.net/6H5cE7aB.png

Подробнее здесь: https://stackoverflow.com/questions/793 ... 0-but-when