css - border-image-slice は、Chrome と FireFox で水平および垂直パラメータを交換します

Question

このコードで水平（/垂直）の境界線のみを作成しようとしています：

.test {
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, hsl(0, 0%, 97%), hsl(19, 0%, 75%), hsl(0, 0%, 97%));
   border-image-slice: 100% 1%;
}

できます。ただし、Chrome のみ。クロム

Firefox の行は方向を入れ替えます。縦になる： FF

「border-image-slice: 100% 1%;」を変更すると 「border-image-slice: 1% 100%;」に ブラウザも効果を変えます。

多分誰かがそれに対処しますか？多分私は何かを逃した？クロスブラウザソリューションが存在する可能性があります。