CSSを使用した境界線にグラデーションを適用する方法

線形グラデーションを使用する方法: 以下のコードは、要素の上部から下部に向かって線形にグラデーションが適用される例です。
```
.gradient-border {
 border: 2px solid;
 border-image: linear-gradient(to bottom, #ff0000, #00ff00) 1;
 border-image-slice: 1;
}
```
上記の例では、border プロパティで境界線のスタイルを設定し、border-image プロパティで線形グラデーションを指定しています。border-image-slice プロパティは、グラデーションの範囲を調整します。
ラジアルグラデーションを使用する方法: 以下のコードは、要素の中心から外側に向かってラジアルにグラデーションが適用される例です。
```
.gradient-border {
 border: 2px solid;
 border-image: radial-gradient(circle, #ff0000, #00ff00) 1;
 border-image-slice: 1;
}
```
上記の例では、border-image プロパティでラジアルグラデーションを指定しています。
CSS グラデーションの背景を使用する方法: 要素の背景にグラデーションを適用し、境界線を透明にすることで、境界線自体にグラデーションの効果を与えることもできます。
```
.gradient-border {
 background: linear-gradient(to bottom, #ff0000, #00ff00);
 border: 2px solid transparent;
}
```
上記の例では、background プロパティで背景に線形グラデーションを指定し、border プロパティで透明な境界線を設定しています。

これらはいくつかの一般的な方法ですが、CSSにはさまざまな方法でグラデーションを境界線に適用する手段があります。特定の要件に合わせてこれらの方法を調整したり、他の方法を探索したりすることもできます。