CSS Padding, Margins, and Borders Quiz

What is the purpose of padding in CSS?

• To create space around an element's content, inside of any defined borders.

• To create space between the element's border and the surrounding elements.

• To define the width of an element.

• To change the background color of an element.

Which CSS property is used to set the space between the content and the border of an element?

• margin

• padding

• border-spacing

• border

Noah is designing a webpage and wants to set a margin of 10 pixels on all sides of a container element. How can he achieve this?

• margin: 10px;

• padding: 10px;

• border: 10px;

• margin: 10px 0;

Hannah is designing a website and wants to add a border to a box. Which of the following is a correct way to set a border in CSS?

• border: 1px solid black;

• border: solid black 1px;

• border: black 1px solid;

• border: 1px black solid;

What does the CSS property 'margin' do?

• It sets the space around the content inside the border.

• It sets the space outside the border of an element.

• It sets the width of the border.

• It sets the color of the border.

Choose the correct CSS to set a top margin of 20px.

• margin-top: 20px;

• padding-top: 20px;

• border-top: 20px;

• margin: 20px top;

Isla is designing a webpage and wants to create space between different sections of her content. Which CSS property should she use?

• padding

• margin

• border

• spacing

Arjun is designing a webpage and uses the following CSS for spacing: 'margin: 10px 5px 15px 20px;'. Identify the error in his CSS code.

• There is no error.

• The values should be in clockwise order.

• The values should be in counter-clockwise order.

• The values should be separated by commas.

Nora is designing a webpage and wants to add a 5px solid red border to a div element. Select the correct class she should use.

• .border-red { border: 5px solid red; }

• .border-red { border: solid 5px red; }

• .border-red { border: red solid 5px; }

• .border-red { border: 5px red solid; }

What is the default value of the 'border' property in CSS?

• none

• 1px solid black

• 0px

• hidden