You are here:About>Computing & Technology>Web Design / HTML> CSS> CSS Box Model - Illustrated CSS Box Model
About.comWeb Design / HTML

Illustrated CSS Box Model

From Jennifer Kyrnin,
Your Guide to Web Design / HTML.
FREE Newsletter. Sign Up Now!

The CSS Box Model is the model that describes how all elements should be placed on a Web page. There are four parts to the box model:

  • content
  • padding
  • border
  • margin

This gallery illustrates how the box model works. You see the different parts of the box model in different colors to make it clearer what is where.

 All Topics | Email Article | | |
Advertising Info | News & Events | Work at About | SiteMap | Reprints | HelpOur Story | Be a Guide
User Agreement | Ethics Policy | Patent Info. | Privacy Policy©2008 About, Inc., A part of The New York Times Company. All rights reserved.