角丸
Border Radius
別名: コーナー半径
ライブデモ
説明
一言で説明
要素の四隅を丸くする設定。UIに柔らかさや親しみやすさを与える。
いつ使う？
カード、ボタン、入力欄、アバターなど。ブランドのトーン（かっちり、またはフレンドリー）に合わせて調整する。
💡 日常の言い方
「四隅の「カド」を丸くすること。丸いほど優しい感じになる」
似ている用語との違い
角丸 vs ボーダー
ボーダーは『枠線』そのもの。ボーダーラディウスはその枠線の『カドの丸み』を指す。
AIへの指示例
すべてのボタンに8pxの角丸（border-radius）を適用して。丸すぎず、かつ現代的な印象にして。