The Box Model

Padding, Margin, Border, and More!

Box Model

"In a document, each element is represented as a rectangular box.

In CSS, each of these rectangular boxes is described using the standard box model.

Each box has four edges: the margin edgeborder edgepadding edge, and content edge."

- MDN

Box Model

  • Content
  • Padding
  • Border
  • Margin