CSS & Frontend

Box Model

/bɒks ˈmɒdəl/

Definition

The CSS concept defining that every element is a rectangular box with content, padding, border, and margin layers.

Example in context

"Use box-sizing: border-box everywhere — padding and border are included in the width, not added on top."

Practice this term

Master Box Model in context by working through exercises in the CSS & Frontend module. You'll see the term used in real engineering scenarios with multiple-choice, fill-in-the-blank, and matching drills.