- **Epistemic status:** #evergreen ![[firebox 1.webp]] In [[Cascading Style Sheets (CSS)]] the box object model describes each element as a box with a few properties: - Content: The HTML element where a button, text, images, etc. reside. - Padding: The area surrounding the [[HTML (HyperText Markup Language)]] element - Border: A border that surrounds the content and padding - Margin: An area outside the border that is often utilized to keep space between other [[HTML (HyperText Markup Language)]] elements --- ## References - _CSS Box Model_. (n.d.). Retrieved July 25, 2024, from <https://www.w3schools.com/Css/css_boxmodel.asp> - _CSS Box Model Properties – Explained With Examples ✨_. (2021, July 22). freeCodeCamp.Org. <https://www.freecodecamp.org/news/css-box-model-explained-with-examples/> - _Introduction to the CSS basic box model - CSS: Cascading Style Sheets | MDN_. (2023, August 3). <https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model> - _The box model—Learn web development | MDN_. (2024, January 23). <https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model> - _The CSS Box Model_. (2009, June 1). CSS-Tricks. <https://css-tricks.com/the-css-box-model/>