border-radiusジェネレーター

左上・右上・右下・左下の角丸を px で個別に指定してプレビュー。4つとも同じ値なら1つにまとめて出力します。大きな値でカプセル型や円も作れます。

設定(各角 px)

px
px
px
px

プレビュー

—

使い方・しくみ

四隅の角丸を px で指定すると、プレビューとCSSが出ます。

指定の順番は 左上・右上・右下・左下(時計回り)。4つとも同じ値なら1つにまとめて出力します。大きな値(例 999px)にすると、カプセル型やまん丸になります。

計算はこのブラウザの中だけで、入れた内容はどこにも送りません。