Box-Model

Abstract diagram of nested rectangular frames representing layered box boundaries

CSS & Design March 6, 2018

The CSS Box Model: Margin, Border, Padding, and Content Explained

Every element on a web page is a box. Here's how margin, border, padding, and content interact, and why box-sizing changes the math.

UI Brainstorms & Design is an editorial publication on web standards, CSS, HTML semantics, and accessibility. This site has no affiliation with any prior owner, author, or organization that previously operated at this domain.