border-radius(CSS) - ［▌▣］

border-radius(CSS)

border-radius - CSS: Cascading Style Sheets | MDN

2023-08-28 CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装

$ 外側半徑 = 內側半徑 + Padding

code:css

.parent {

--nested-radius: calc(var(--radius) - var(--padding));

}

.outer {

border-radius: var(--radius);

padding: var(--padding);

}

.nested {

border-radius: var(--nested-radius);

}

2025-07-14 「美しい角丸のTips」の先へ、ミクロではなくマクロで考える #UI - Qiita

圓角