3. What is the purpose of padding in the CSS box model?

Which property can be used to hide an element without affecting the layout of the page?

A). display: none;

B). visibility: hidden;

C). opacity: 0;

D). position: absolute; left: -9999px;

In the CSS box model, which component surrounds the content and padding?

A). Border

B). Padding

C). Margin

D). Spacing

Which property can be used to set the width and height of an element, including its content, padding, and border?

A). width, height

B). size

C). dimensions

D). scale

Which component of the CSS box model refers to the actual content of an element?

A). Content

B). Padding

C). Border

D). Margin

What is the default value of the box-sizing property in CSS?

A). content-box

B). padding-box

C). border-box

D). margin-box

What is the function of the border in the CSS box model?

A). To create a visible boundary around the content and padding

B). To create space between elements

C). To create space outside the border

D). To style the content area

What happens to an element's total size when padding is added?

A). Increases the element's total size

B). Decreases the element's total size

C). Does not affect the element's total size

D). Increases the content size but not the total size

How can you set different padding values for each side of an element?

A). padding-top, padding-right, padding-bottom, padding-left

B). padding-horizontal, padding-vertical

C). padding-sides, padding-center

D). padding-all

How can you specify the style, width, and color of a border in CSS?

A). border-style, border-width, border-color

B). border-type, border-size, border-shade

C). border-effect, border-dimension, border-tint

D). border-appearance, border-thickness, border-hue

What is the purpose of margin in the CSS box model?

A). To create space outside the border, separating elements

B). To create space between the content and the border

C). To style the content area

D). To create space between elements, but inside the border