角丸

一言で言うと

border-radius で指定する角の丸み。

もう少し詳しく

border-radius で指定する角の丸み。CSS で要素の角を丸くするためのプロパティです。単一の値（例として border-radius: 8px）から四隅を個別に指定する4値形式まで使い方は幅広く、ボタンやカードなど UI パーツのデザインに頻繁に使われます。

値の指定方法は複数あります。単一値（border-radius: 8px）は四隅すべてに同じ半径を適用し、2値形式（border-radius: 8px 4px）は「左上・右下」と「右上・左下」をまとめて指定できます。4値形式（border-radius: 8px 4px 12px 4px）では左上から時計回りに四隅を個別に制御できます。さらに「/」を使うと水平半径と垂直半径を別々に指定でき、楕円形の角丸も表現できます。border-radius: 50% を指定すると正円に近い要素で完全な円形になります。

実務でどう使うか

関連する章

Ch148 で詳しく学べます。