OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.

Box Model

Save
May 1, 2024 3 minute read
Jump to courses and books

The Box Model is a fundamental concept in web development that describes the rectangular boxes that are used to represent elements on a web page. Each box has four properties: content, padding, border, and margin. The content property defines the actual content of the box, such as text or images. The padding property defines the space between the content and the border. The border property defines the border of the box. The margin property defines the space between the border and the edge of the containing element.

Why Learn About the Box Model?

Path to Box Model

Take the first step.
We've curated six courses to help you on your path to Box Model. Use these to develop your skills, build background knowledge, and put what you learn to practice.
Sorted from most relevant to least relevant:

Share

Help others find this page about Box Model: by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Reading list

We've selected six books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Box Model.
Cover image
Padding, Borders, Outlines, and Margins in CSS
Save
Concise and practical guide to the CSS Box Model. It's a great resource for anyone who wants to learn more about how the Box Model works and how to use it to create better web designs.
Padding, Borders, Outlines, and Margins in CSS
Paperback
Check
Padding, Borders, Outlines, and Margins in CSS
Kindle Edition
Check
Cover image
Les dieux embusqués
Save
Comprehensive and in-depth guide to the Box Model. It's a great resource for anyone who wants to fully understand the Box Model and how to use it to create complex web designs.
(Français) LES DIEUX EMBUSQUES
Paperback
$$$
Cover image
TOGAF® 9 Foundation Study Guide – 4th Edition
Save
Comprehensive guide to the Box Model by Rachel Andrew, a well-respected expert in web design. It's a great resource for anyone who wants to learn more about how the Box Model works and how to use it to create better web designs.
TOGAF® 9 Foundation Study Guide - 4th Edition
Kindle Edition
$$
Cover image
Doing Theory on Education
Save
Comprehensive guide to the Box Model by Andy Clarke, a well-respected expert in web design. It's a great resource for anyone who wants to learn more about how the Box Model works and how to use it to create better web designs.
Doing Theory on Education: Using Popular Culture to...
Paperback
$$
Doing Theory on Education: Using Popular Culture to...
Kindle Edition
$$
Cover image
Sass For Web Designers
Save
Is an advanced guide to the Box Model. It's a great resource for anyone who wants to learn more about the Box Model and how to use it to create complex web designs.
Sass For Web Designers
Paperback
Check
Sass For Web Designers
Kindle Edition
Check
Cover image
CSS Secrets
Save
Comprehensive guide to the Box Model in CSS3. It's a great resource for anyone who wants to learn more about how the Box Model works in CSS3 and how to use it to create better web designs.
CSS Secrets
Paperback
Check
CSS Secrets
Kindle Edition
Check
Relevant careers
Web Developer
Front-End Developer
UX Designer
UI Designer
Web Designer
Software Engineer
Mobile Developer
Product Designer
Graphic Designer
Marketing Specialist
Related topics
CSS Flexbox
HTML
Web Design
Responsive Web Design
JavaScript
Web Development
Front-End Development
User Interface Design
User Experience Design
Share this
Share to help others explore Box Model:
Facebook LinkedIn X Reddit Link Email
Table of Contents
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser