Border Radius生成 - CSSの角丸を視覚的に設定

使い方

1. スライダーで各隅の半径を設定
2. 単位（px/%/em/rem）を切替可能
3. リンクアイコンで全隅を同期

よくある質問

4隅を個別に設定できますか？

はい。左上・右上・右下・左下の各角を個別に調整できます。

楕円形のborder-radiusにも対応していますか？

はい。水平方向と垂直方向を個別に設定できます。

生成されたCSSはそのまま使えますか？

はい。コピーしたコードをそのままCSSファイルに貼り付けて使用できます。

データはサーバーに送信されますか？

処理はブラウザ上で完結し、データはサーバーに送信されません。

border-radiusのパーセント指定はできますか？

はい、px指定とパーセント指定の両方に対応しています。50%を指定すると円形になり、プレビューで確認できます。

関連ツール