CSS角丸ボーダージェネレーターは、CSSのボーダー半径を生成するツールです。4方向の角の値を入力して、効果を確認し、CSSコードを生成できます。
| プロパティ | 説明 |
|---|---|
| border-radius | 要素のボーダー半径を定義します |
| border-top-left-radius | 左上隅の半径を定義します。 |
| border-top-right-radius | 右上隅の半径を定義します。 |
| border-bottom-right-radius | 右下隅の半径を定義します。 |
| border-bottom-left-radius | 左下隅の半径を定義します。 |
当ツールは最初の形式を使用します。これは他の構文の省略形です。例:
border-radius: 10px 10px 10px 10px; 最初の値は左上隅、2番目の値は右上隅、3番目の値は右下隅、4番目の値は左下隅に適用されます。