CSS CSS Box Model & Spacing 3

Question 1

With `box-sizing: border-box`, `width: 200px`, and `padding: 20px`, what is the width of the content area?

Accepted Answer

160px

Answer

200px

Answer

240px

Answer

180px

Question 2

Which CSS property adds space between cells in a table?

Accepted Answer

border-spacing

Answer

cell-padding

Answer

margin

Answer

table-gap

Question 3

How does `outline` differ from `border` in the CSS box model?

Accepted Answer

Outline does not occupy space in the layout and does not affect element dimensions

Answer

Outline takes up space in the box model like border does

Answer

Outline cannot be assigned a color

Answer

Outline only works on form input elements

Question 4

Using `box-sizing: content-box` (default), `width: 100px`, `padding: 10px`, and `border: 5px solid`, what is the total rendered width?

Accepted Answer

130px

Answer

100px

Answer

110px

Answer

120px

Question 5

What effect does `overflow: hidden` have in relation to the CSS box model?

Accepted Answer

It clips content that extends beyond the element's content box dimensions

Answer

It hides the element's border

Answer

It removes the element's margin

Answer

It makes the element's padding invisible

Question 6

Which CSS property specifically sets the thickness of an element's border?

Accepted Answer

border-width

Answer

border-size

Answer

border-thickness

Answer

border-weight

Question 7

When you set `padding: 0` on an element that previously had padding, what is the immediate visual result?

Accepted Answer

The space between the element's content and its border is eliminated

Answer

All margins around the element are removed

Answer

The element's border is removed

Answer

The element collapses to zero height