CSS Quizs Question & Answers – Styling Lists and Navigation Menus

Q 1. 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

Show Answer

Answer:-D. list-style-type

Explanation

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

Q 2. 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

Show Answer

Answer:-A. border

Explanation

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

Q 3. 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-left
C. border-style
D. none of the mentioned

Show Answer

Answer:-C. border-style

Explanation

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

Q 4. 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

Show Answer

Answer:-C. border-radius

Explanation

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

Q 5. 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-align
D. float-right

Show Answer

Answer:-C. float-align

Explanation

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

Q 6. 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

Show Answer

Answer:-C. font-family

Explanation

Syntax: font-family: font 1

Q 7. Which of the following property sets the font size of text?
A. font-size
B. font-text
C. font
D. none of the mentioned

Show Answer

Answer:-A. font-size

Explanation

Syntax: font-size: length | percentage

Q 8. Which of the following property sets list-style-type, list-style-position, and liststyle-image?
A. style
B. menu-style
C. list-style
D. img-style

Show Answer

Answer:-C. list-style

Explanation

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

Q 9. 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

Show Answer

Answer:-B. list-style-image

Explanation

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

Q10. 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-position-style
D. list-style-position

Show Answer

Answer:-D. list-style-position

Explanation

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