CSS BOX MODEL | Learn web development, Website inspiration, Web development programming
Skip to content
Search for easy dinners, fashion, etc.
When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.
a handwritten diagram with the words content and an image of a computer screen on it
2

CSS BOX MODEL

In CSS, the term "box model" is used when talking about design and layout. The CSS box model is essentially a box that wraps around every HTML element. It consists of: margins, borders, padding, and the actual content. The image below illustrates the box model. Explanation of the different parts: Content - The content of the box, where text and images appear Padding - Clears an area around the content. The padding is transparent Border - A border that goes around the padding and content
sohaib_khaan
Framer Developer | Local Business SEO & Web Design Expert

Comments

More about this Pin

Explore
Design
Web And App Design

Board containing this Pin

Selected board cover image
Css cheat sheet
218 Pins
2y

Related interests

Css Box Model Chart
How To Understand Css Box Model
What Is Border Box In Css
Css Box Model Infographic
Understanding Css Box Model
Css Border Properties Guide
Css Box Model Width
Css Style Sheet Selection Dialog
Css Box Model Explained