CSS Box Model

The space that sits around the content as white space.

• Padding

• Border

• Content

• Margin

This space wraps the content and any padding.

• Padding

• Border

• Content

• Margin

This is the outermost layer, wrapping the content, padding, and border as whitespace between this box and other elements

• Padding

• Border

• Content

• Margin

What is the full width size of the element with the following property settings:

width: 200px;

padding: 5px;

border: 2px solid lightblue;

margin: 0

• 214px

• 200px

• 207px

• None of the choices

What is the full width size of the element with the following property settings:

width: 300px;

padding: 10px;

border: 5px solid lightblue;

margin: 0

• 330px

• 300px

• 310px

• None of the choices