CSS Multiple Choice Questions & Answers on Styling Lists and Navigation Menus for Freshers

1. Which of the following property sets list-style-type, list-style-position, and liststyle-image?

a) style
b) list-style
c) menu-style
d) img-style

Answer: b

Explanation:

Syntax: list-style: list-style-type | list-style-position | list-style-image

2. Which of the following property assigns a graphic image to a list item?

a) list-image-style
b) list-style-image
c) list-image
d) none of the mentioned

Answer: b

Explanation:

Syntax: list-style-image: url(url of image) | none

3. Which of the following property specifies whether the labels for an element’s list items are positioned inside or outside the “box” defined by the listed item?

a) list-style
b) list-position
c) list-style-position
d) list-position-style

Answer: c

Explanation:

Syntax: list-style-position: inside | outside | inherit

4. Which of the following property defines labels for a list of items?

a) list-shape
b) list-style
c) list-type
d) list-style-type

Answer: d

Explanation:

Syntax: list-style-type: disc | circle | square | decimal

5. Which of the following property defines in a shorthand form the width, style, and color for all four sides of an element’s border?

a) border
b) border-style
c) border-color
d) border-all

Answer: a

Explanation:

Example: div {border: 2px double red;}

6. Which of the following property defines in a shorthand form the width, style, and color for the left border of an element?

a) border
b) border-style
c) border-left
d) none of the mentioned

Answer: b

Explanation:

Syntax: border-left: border-width border-style border-color;

7. Which of the following property is used to round border corners?

a) border-corner
b) border-round
c) border-radius
d) none of the mentioned

Answer: c

Explanation:

Syntax: border-radius: horizontal-radius vertical-radius

8. Which of the following property influences the horizontal alignment of an element, making it “float” toward the left or right margin of its containing element?

a) float
b) float-left
c) float-right
d) float-align

Answer: d

Explanation:

Syntax: float: left | right | none | inherit;

9. Which of the following property sets the font face to be used for text?

a) font
b) font-text
c) font-family
d) none of the mentioned

Answer: c

Explanation:

Syntax: font-family: font 1

10. Which of the following property sets the font size of text?

a) font
b) font-text
c) font-size
d) none of the mentioned

Answer: c

Explanation:

Syntax: font-size: length | percentage