CSS border-radiusプレビュー

カラー

このツールは、4つの角の半径からCSSのborder-radius値を組み立てます。

AI支援翻訳をレビュー中

このページはAIの支援で翻訳され、まだ専門家によるレビューを完了していません。重要な判断の前に、引用元をご確認ください。

概要

border-radiusプロパティは要素の角を丸めます。角ごとに異なる半径を設定し、結果をプレビューできます。

border-radius = 左上 右上 右下 左下

使い方

  1. 1各角の半径を調整します。
  2. 2結果をプレビューします。
  3. 3CSSのborder-radius値をコピーします。

参照表

CSS border-radiusプレビュー 参照表
入力結果
サンプルCSSのborder-radius値

出典・基準

よくある質問

1つの角だけを丸められますか？

はい。丸めたい角の半径だけを設定し、残りを0のままにすればその角だけを丸められます。

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

いいえ。このツールはブラウザ内で動作し、データをサーバーに送信しません。

関連ツール