CSS box model

This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these messages) This article relies excessively on references to primary sources. Please improve this article by adding secondary or tertiary sources. Find sources: "CSS box model" – news · newspapers · books · scholar · JSTOR (September 2017) (Learn how and when to remove this message) This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed. Find sources: "CSS box model" – news · newspapers · books · scholar · JSTOR (September 2017) (Learn how and when to remove this message) This article needs to be updated. Please help update this article to reflect recent events or newly available information. (October 2017) (Learn how and when to remove this message)

Box Model

CSS Box Model Module Level 3
The CSS box model
Native name	CSS Box Model Module Level 3
Status	W3C Candidate Recommendation Snapshot
Latest version	Level 3 December 22, 2020 (2020-12-22)[1]
Organization	World Wide Web Consortium
Committee	CSS Working Group
Editors	Elika J. Etemad[1] Bert Bos[2] Anton Prowse[2]
Base standards	CSS
Domain	CSS
Website	www.w3.org/TR/css-box-3/

In web development, the CSS box model refers to how HTML elements are modeled in browser engines and how the dimensions of those HTML elements are derived from CSS properties. It is a fundamental concept for the composition of HTML webpages.^[3] The guidelines of the box model are described by web standards World Wide Web Consortium (W3C) specifically the CSS Working Group. For much of the late-1990s and early 2000s there had been non-standard compliant implementations of the box model in mainstream browsers. With the advent of CSS2 in 1998, which introduced the box-sizing property, the problem had mostly been resolved.