CSS Box Model Quiz Review

HTML elements are:

• rectangular boxes

• circles

• imaginary

• quadrants

All of the following are a part of the box model EXCEPT

• radius area

• padding area

• margin area

• content area

Which CSS property below is a part of the box model?

• align

• width

• line-height

• color

What is the area between the content and the border?

• padding

• margin

• height

• width

What is the outermost area of the CSS Box Model?

• margin

• padding

• border

• width/height

What is the total width? You may use the calculator on your phone or your laptop.

• 400px

• 300px

• 330px

• 340px

What is the height of the content area in this HTML element?

• 200px

• 300px

• 330px

• 340px

Which answer adds 10px of padding to the top and left, and 5px of padding to the bottom and right?

• padding: 10px, 5px, 5px, 10px;

• padding: 10px, 10px, 5px, 5px;

• padding: 10px 5px 5px 10px;

• padding: 10px 10px 5px 5px;

Which of the following will add 3px to the margin for all four sides?

• margin: 3px;

• margin: 3px 3px 3px 3px;

• margin: 3px 3px;

• all of them

Which of the following is NOT a border property?

• type

• style

• width

• color