1. Computing

Box Model Content

CSS Box Model

Box Model Content

Box Model Content

Image courtesy J Kyrnin

The width of your content in the box model is defined by the width property. In this example, there is a background image that is slightly larger than the dimensions set. So the background image is clipped. The dotted line represents where the content ends.

The CSS for this paragraph is:

 width: 260px; 
 height: 260px; 
 background-image: url(bgimage.jpg); 

View

©2013 About.com. All rights reserved.