Explore topic-wise MCQs in Css.

This section includes 141 Mcqs, each offering curated multiple-choice questions to sharpen your Css knowledge and support exam preparation. Choose a topic below to get started.

1.

Which of the following property changes the color of top border?

A. order-top-color
B. order-left-color
C. order-right-color
D. order-bottom-color
Answer» B. order-left-color
2.

Which of the following property changes the color of bottom border?

A. order-color
B. order-style
C. order-width
D. order-bottom-color
Answer» E.
3.

Which of the following property specifies the width of a border?

A. order-color
B. order-style
C. order-width
D. order-bottom-color
Answer» D. order-bottom-color
4.

Which of the following property is used to set the width of an image border?

A. order
B. eight
C. idth
D. moz-opacity
Answer» B. eight
5.

Which of the following property is used to add or subtract space between the letters that make up a word?

A. olor
B. irection
C. etter-spacing
D. ord-spacing
Answer» D. ord-spacing
6.

Which of the following property is used to set the text direction?

A. olor
B. irection
C. etter-spacing
D. ord-spacing
Answer» C. etter-spacing
7.

Which of the following property is used to set the color of a text?

A. olor
B. irection
C. etter-spacing
D. ord-spacing
Answer» B. irection
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. loat
B. loat-left
C. loat-right
D. loat-align
Answer» E.
9.

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. order
B. order-style
C. order-color
D. order-all
Answer» B. order-style
10.

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. ist-style
B. ist-position
C. ist-style-position
D. ist-position-style
Answer» D. ist-position-style
11.

Which of the following property is used to make a font italic or oblique?

A. ont-family
B. ont-style
C. ont-variant
D. ont-weight
Answer» C. ont-variant
12.

Which of the following property is used to control the scrolling of an image in the background?

A. ackground-attachment
B. ackground
C. ackground-repeat
D. ackground-position
Answer» B. ackground
13.

Which of the following property is used to control the repetition of an image in the background?

A. ackground-color
B. ackground-image
C. ackground-repeat
D. ackground-position
Answer» D. ackground-position
14.

Which of the following media feature describes the number of entries in the color lookup table of the output device

A. olor
B. olor-index
C. olor-value
D. email protected]
Answer» C. olor-value
15.

____________ types are mutually exclusive in the sense that a user agent can only support one media type when rendering a document.

A. v
B. ty
C. edia
D. udio
Answer» D. udio
16.

Select the output of the following CSS.div { border-width: 5px; border-style: dotted solid double dashed;}

A. ox having dotted top outline, solid right outline, double bottom outline and dashed left outline
B. ox having dotted top outline, solid left outline, double bottom outline and dashed right outline
C. ox having dotted bottom outline, solid right outline, double top outline and dashed left outline
D. ox having dotted bottom outline, solid left outline, double top outline and dashed left outline
Answer» B. ox having dotted top outline, solid left outline, double bottom outline and dashed right outline
17.

Choose the option that correctly specifies the output of the following CSS.span { border: 1px solid red; outline: green dotted thick;}

A. ll span elements will have a red border and a green dotted outline
B. ll span elements will have a green thick border and a red outline
C. ll span elements will have an outer red border and inner green dotted border
D. ll span elements will have a outer green dotted border and an inner red border
Answer» E.
18.

Which of the following property sets the speaker’s voice used by a speech media agent to read an element?

A. oice-family
B. oice-check
C. oice-control
D. one of the mentioned
Answer» B. oice-check
19.

Which of the following property allows the author to explicitly set the amount of time it should take a speech synthesizer to read an element’s content?

A. media
B. oice
C. oice-duration
D. ll of the mentioned
Answer» D. ll of the mentioned
20.

Which of the following property sets the width of an element’s complete border?

A. order-width
B. idth
C. order-depth
D. one of the mentioned
Answer» B. idth
21.

Which of the following property defines the color of an element’s top border?

A. order-color
B. order-top
C. order-top-color-webkit
D. order-top-color
Answer» E.
22.

Which of the following property sets the width of an element’s bottom border?

A. order
B. order-collapse
C. order-bottom-width
D. one of the mentioned
Answer» D. one of the mentioned
23.

Which of the following property defines the offset from an element’s border and its outline?

A. utline-border
B. utline-offset
C. utline-radius
D. one of the mentioned
Answer» C. utline-radius
24.

Which of the following property defines whether table cell borders are connected or separate?%!

A. border-table
B. border
C. border-collapse
D. none of the mentioned
Answer» D. none of the mentioned
25.

Which of the following property sets the width of an element’s bottom border?%!

A. border
B. border-collapse
C. border-bottom-width
D. none of the mentioned
Answer» D. none of the mentioned
26.

Which of the following property defines in a shorthand form the width, style, and color for the bottom border of an element?%!

A. border-bottom
B. border-bottom-color
C. border-bottom-all
D. none of the mentioned
Answer» B. border-bottom-color
27.

Media type names are case-insensitive. State true or false.%!

A. True
B. False
Answer» B. False
28.

If an @media/@import rule contains a malformed media type (not an identifier) then the statement is valid. State true or false.%!

A. True
B. False
Answer» C.
29.

Which of the following defines a relative measurement for the height of a font in em spaces?%!

A. %
B. cm
C. em
D. ex
Answer» D. ex
30.

The @font-face rules assign different names to the regular and bold versions of the font.State true or false.%!

A. True
B. False
Answer» B. False
31.

A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. State true or false.%!

A. True
B. False
Answer» B. False
32.

Which of the following property sets a variation of the specified or default font family?%!

A. fonts
B. font-style
C. font-variant
D. font-weight
Answer» D. font-weight
33.

Which of the following Media Query determines if output is monochrome and how many bits are used for gray display?%!

A. gray
B. chrome
C. monochrome
D. none of the mentioned
Answer» D. none of the mentioned
34.

Which of the following property specifies whether an element is an accelerator indicator or not?%!

A. push
B. accelerator
C. jump-start
D. animation
Answer» C. jump-start
35.

Which of the following Media Query describes the scanning method of a TV?%!

A. orientation
B. scan
C. resolution
D. none of the mentioned
Answer» C. resolution
36.

Which of the following property sets the style of a font?%!

A. font
B. style
C. font-style
D. @font-face
Answer» D. @font-face
37.

Which of the following Media Query determines if output is grid, like a simple terminal or phone, or bitmap, like a standard monitor or printer?%!

A. monochrome
B. grid
C. resolution
D. device-height
Answer» C. resolution
38.

Which of the following media query describe describes the height of the screen or full height of the output page?%!

A. height
B. aspect-ratio
C. device-height
D. resolution
Answer» D. resolution
39.

Select the output of the following CSS.div { border-width: 5px; border-style: dotted solid double dashed; }%!

A. Box having dotted top outline, solid right outline, double bottom outline and dashed left outline
B. Box having dotted top outline, solid left outline, double bottom outline and dashed right outline
C. Box having dotted bottom outline, solid right outline, double top outline and dashed left outline
D. Box having dotted bottom outline, solid left outline, double top outline and dashed left outline
Answer» B. Box having dotted top outline, solid left outline, double bottom outline and dashed right outline
40.

Which of the following values specifies a 3D grooved outline?%!

A. initial
B. ridge
C. groove
D. groove3d
Answer» D. groove3d
41.

Which of the following property specifies the look and design of an outline?%!

A. outline-font
B. outline-style
C. outline-format
D. none of the mentioned
Answer» C. outline-format
42.

Which of the following value specifies a dashed outline?%!

A. dash
B. dashed
C. double-dash
D. all of the mentioned
Answer» C. double-dash
43.

Identify the outline property that specifies the amount of area extended beyond the border box.%!

A. outset3d
B. inset
C. outset
Answer» D.
44.

Which of the following property specifies what line decorations, if any, are added to the text?%!

A. text-decoration-line
B. text-line-decoration
C. text-decoration-style
D. text-style-decoration
Answer» B. text-line-decoration
45.

Choose the CSS property that can be used for collapsing the borders between table cells?%!

A. border
B. collapse-border
C. border-collapse
D. border-cell
Answer» D. border-cell
46.

*$_Which of the following property is used to increase or decrease how bold or light a font appears??

A. font-family
B. font-style
C. font-variant
D. font-weight
Answer» E.
47.

*$_Which of the following media feature describes the number of entries in the color lookup table of the output device?

A. color
B. color-index
C. color-value
D. color-@media
Answer» C. color-value
48.

*$_Which of the following Media Query describe the ratio of the device width to the device height of the media??

A. device-aspect
B. device-aspect-ratio
C. device-aspect-query
D. none of the mentioned
Answer» D. none of the mentioned
49.

*$_Which of the following argument is not accepted by radial-gradient() function??

A. Shape
B. Time
C. Color stops
D. Position
Answer» C. Color stops
50.

*/*_Which of the following box-sizing property value is described by width and height include content, padding, and borders??

A. border-box
B. content-box
C. content-box
D. none fof the mentioned
Answer» B. content-box