borderプロパティにlinear-gradientを使ってグラデーションを適用するには、次のように記述します。
border: 10px solid linear-gradient(to right, #ff0000, #ffff00);上記の例では、borderの太さが10px、色が左から右にかけて #ff0000から #ffff00にグラデーションしています。
to right の部分は方向、左から右に#ff0000から#ffff00など色も変えられます。
また、border-colorやborder-imageもlinear-gradientを使ってグラデーションを適用することができます。
border-color: linear-gradient(to right, #ff0000, #ffff00);
border-image: linear-gradient(to right, #ff0000, #ffff00) 1;上記の例では、border-colorプロパティやborder-imageプロパティを使ってもグラデーションを適用することができます。
このようにborderプロパティやborder-color、border-imageなどにlinear-gradientを使用することで、ボーダーにグラデーションを適用することができます。