Lists

Question 1

What are the three list-style properties in CSS?

Answer 1

list-style-position, list-style-image, list-style-type

Question 2

What does the list-style-position property do?

Answer 2

It controls the position of bullet points relative to the list item’s content.

Question 3

What are the two values for list-style-position?

Answer 3

inside and outside

Question 4

What is the default value for list-style-position?

Answer 4

outside

Question 5

What does the list-style-type property change?

Answer 5

It changes the bullet point style.

Question 6

What can be used as values for list-style-type?

Answer 6

Known style keywords, custom strings, and emojis.

Question 7

What is the ::marker pseudo-element used for?

Answer 7

It is used to style the list-item marker (e.g., bullet or number).

Question 8

Where can you see the list-item marker in the browser?

Answer 8

Using devtools, you can inspect each list item.

Question 9

What is the marker box in CSS?

Answer 9

It is the container for the list item marker.

Question 10

How can you style the list-item marker in CSS?

Answer 10

By using the ::marker selector.