Box‑Sizing Property

box-sizing changes how width/height are calculated.

• content-box (default) – width/height = content only.
• border-box – width/height include padding + border.

Most modern projects set * { box-sizing:border-box; } as a global reset.

---

Example

*, *::before, *::after { box-sizing:border-box; }