CSS border-radius ジェネレーター
4つの角のborder-radiusをpx・%・rem単位で個別またはリンクして調整できます。リアルタイムプレビューとコピー可能なCSSコードを提供します。
4つの角を連動または個別に調整し、px・%・remでCSS border-radius宣言を生成します。
CSS border-radiusを作る方法
- Linkedで4つの角を連動させるか決めます。
- 各スライダーと単位を調整します。
- プレビューを確認してborder-radius宣言をコピーします。
生成ルール
各角は0〜100の整数スライダーで、選択した単位をその数値に付けます。
4つの数値が同じなら1値の短縮形、異なる場合は4値をCSSの角順で出力します。
プライバシーと制限
処理はブラウザ内で完結します。単位変更時に数値の換算は行わず、同じ数値へ新しい単位を付け直します。
Border radius FAQ
角を個別にできますか？
はい。Linkedをオフにします。
対応単位は？
px、%、remです。
pxからremへ自動換算しますか？
いいえ。数値はそのままで単位だけ変わります。
4値の順番は？
左上、右上、右下、左下です。
CSSをコピーできますか？
はい。生成された宣言をコピーできます。