コンテンツにスキップ

角丸/Corner radius

要素に対する角丸を定義します。角丸は視覚的に独立した印象を与えることができます。
要素のサイズ、内包する要素との間隔に応じて適切な半径を設定してください。

角の半径とサイズの関係

以下を参考に、矩形サイズに対して角丸が違和感ないバランスになる角の半径の数値を選択してください。また、数値の指定はバリアブルから選択します。円やピル型の形状を作成したい場合は「角の半径」プロパティから「Pill」のバリアブルを選択します。

角丸のサイズ一覧