ちょっと良いUIおれおれAdvent Calendar 2024 – 10日目

角丸ってよく使いますけど、あくまで指定の要素の角が丸まるだけなので中身をうまいことやらないと端っこがちょっと飛び出ることがあります。

角丸の径が小さいと突き出しても目立たないので見落としがち。

デモ：

内側の矩形の背景色が角丸をはみ出している様子。

はみ出た部分は隠そう

overflow: hidden や overflow: auto あたりを使うだけで対処できます。簡単ではある。

おしまい

参考

インターネット老人会の末席に名を連ねる者として申し上げますと、角丸が簡単に使えるの嬉しいです。昔は <table> と画像の組み合わせでした。やば。