R4RIN – MCQs, Mock Tests | CSS Css Mcq Set 3

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

1. border-box
2. content-box
3. content-box
4. none for the mentioned

✅ Correct Answer: 1

Which of the following property sets the background image to scroll or not to scroll with its associated element’s content?

1. background-scroll
2. background-attach
3. background-attachment
4. background-allowance

✅ Correct Answer: 3

Which of the following property sets an element’s background color?

1. background-image
2. background-color
3. background-colors
4. background-position

✅ Correct Answer: 2

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

1. border-right-colors
2. border-right-color
3. border-right
4. border-color

✅ Correct Answer: 2

Which of the following property defines the space between cells in a table?

1. auto
2. border
3. spacing
4. border-spacing

✅ Correct Answer: 4

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

1. border-style
2. border-height
3. border-width
4. border-top

✅ Correct Answer: 4

Which of the following property sets the shadow for a box element?

1. shadow
2. set-shadow
3. canvas-shadow
4. box-shadow

✅ Correct Answer: 2

Which of the following property defines a shadow effect for text?

1. box-shadow
2. img-shadow
3. text-shadow
4. none of the mentioned

✅ Correct Answer: 4

Which of the following property defines a shadow color for the right and bottom edges of a scroll bar?

1. scrollbar-darkshadow
2. scrollbar-shadow-color
3. scrollbar-darkshadow-color
4. none of the mentioned

✅ Correct Answer: 3

Which of the following property defines a color for the right and bottom edges of a scroll bar.

1. scrollbar-color
2. scrollbar-darkshadow-color
3. scrollbar-shadow
4. scrollbar-shadow-color

✅ Correct Answer: 4

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

1. style
2. list-style
3. menu-style
4. img-style

✅ Correct Answer: 2

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?

1. list-style
2. list-position
3. list-style-position
4. list-position-style

✅ Correct Answer: 3

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

1. border
2. border-style
3. border-color
4. border-all

✅ Correct Answer: 1

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

1. border
2. border-style
3. border-left
4. none of the mentioned

✅ Correct Answer: 2

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

1. border-corner
2. border-round
3. border-radius
4. none of the mentioned

✅ Correct Answer: 3

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?

1. float
2. float-left
3. float-right
4. float-align

✅ Correct Answer: 4

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

1. font
2. font-text
3. font-family
4. none of the mentioned

✅ Correct Answer: 3

Which of the following CSS Gradient Functions sets the direction and colors of a gradient that fades from one color to the next in a straight line?

1. gradient()
2. line-gradient()
3. linear-gradient()
4. None of the mentioned

✅ Correct Answer: 4

Which of the following CSS Gradient Functions creates a circular or elliptical gradient, and optionally sets its shape, size, and position?

1. radial-gradient()
2. circular-gradient()
3. elliptical-gradient()
4. none of the mentioned

✅ Correct Answer: 3

Which of the following CSS Gradient Functions Creates a radial gradient that repeats infinitely?

1. repeat-radial-gradient()
2. repeating-radial-gradient()
3. infinite-radial-gradient()
4. none of the mentioned

✅ Correct Answer: 1

Which of the following is not a browser-specific versions of linear-gradient()?

1. -moz-linear-gradient()
2. -o-linear-gradient()
3. -mac-linear-gradient()
4. -webkit-linear-gradient()

✅ Correct Answer: 3

Which of the following argument is not accepted by radial-gradient() function?

1. Shape
2. Time
3. Color stops
4. Position

✅ Correct Answer: 2

Which of the following function creates a CSS gradient image that can be used anywhere an image URL is required, including background-image, border-image, and list-style properties?

1. canvas
2. gradient
3. animation
4. color

✅ Correct Answer: 2

Which of the following option best explain this code “background-image: repeating-radial-gradient(circle at 50% 100%, #FFEB79, #D9CC3C 5%);”?

1. Creating Infinte circular Gradients
2. Creating Repeating Circular Gradients
3. Creating Repeating Radial Gradients
4. Creating Infinite Radial Gradients

✅ Correct Answer: 3

Which of the following option best explain this code “background-image: repeating-linear-gradient(-45deg, #426A77, #FFF 6px);”?

1. Creating Straight Stripes
2. Creating Cubic Stripes
3. Creating Spiral Stripes
4. Creating Diagonal Stripes

✅ Correct Answer: 4

Which of the following option best explain this code “background-image: repeating-linear-gradient(to right, #D9CC3C, #FFEB79 5%, #D9CC3C 10%);”?

1. Creating a Repeating Gradient
2. Creating a Mix Repeating Gradient
3. Creating a Shadow Repeating Gradient
4. Creating a Smooth Repeating Gradient

✅ Correct Answer: 4

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

1. color
2. color-index
3. color-value
4. color-@media

✅ Correct Answer: 2

Which of the following Viewport Property sets the initial scaling factor?

1. scale
2. initial-scale
3. minimum-scale
4. user-scale

✅ Correct Answer: 2

Which of the following Viewport Property determines whether the display can be zoomed in and out?

1. scale
2. set-scale
3. adjust-scale
4. user-scalable

✅ Correct Answer: 4

Which of the following @viewport Property sets the viewport height in the same way as width?

1. height
2. width
3. viewpor-width
4. None of the mentioned

✅ Correct Answer: 1

Which of the following @viewport Property locks the document in the specified orientation, portrait or landscape?

1. orientation
2. resolution
3. landscape
4. portrait

✅ Correct Answer: 1

Which of the following Media Query describe the ratio of the device width to the device height of the media?

1. device-aspect
2. device-aspect-ratio
3. device-aspect-query
4. none of the mentioned

✅ Correct Answer: 3

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?

1. monochrome
2. grid
3. resolution
4. device-height

✅ Correct Answer: 2

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

1. orientation
2. scan
3. resolution
4. None of the mentioned

✅ Correct Answer: 2

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

1. gray
2. chrome
3. monochrome
4. none of the mentioned

✅ Correct Answer: 3

What type of selector is used in this case? p {line-height: 150%;}

1. class Selectors
2. element Selectors
3. id Selectors
4. none of the mentioned

✅ Correct Answer: 2

By applying an ___________ a style can be applied to just a single tag.

1. class rule
2. element rule
3. id rule
4. none of the mentioned

✅ Correct Answer: 3

The ___ attribute is used to define the name(s) of the class(es) to which a particular tag belongs.

1. class
2. element
3. id
4. none of the mentioned

✅ Correct Answer: 1

What will be the output of below mentioned code snippet? p strong {background-color: yellow;}

1. Strong have yellow background
2. Strong element within a p element have a yellow background
3. Both p and strong have yellow background
4. none of the mentioned

✅ Correct Answer: 2

A similar rule called the _____ is specified using the plus sign (+) and is used to select elements that would be siblings of each other.

1. class selectors
2. attribute selectors
3. adjacent-sibling selector
4. none of the mentioned

✅ Correct Answer: 3

Which of the following selectors selects any tag with an id attribute set?

1. E#id
2. .class
3. #id
4. *

✅ Correct Answer: 3

Which of the following selectors selects direct descendents?

1. E &gt; F
2. E F
3. E + F
4. E ~ F

✅ Correct Answer: 1

Which of the following selectors selects siblings?

1. E.class
2. E ~ F
3. *
4. E, F, G

✅ Correct Answer: 2

Which of the following selectors selects the specified elements of type E with a particular class value?

1. E.class
2. E ~ F
3. *
4. E, F, G

✅ Correct Answer: 1

Which of the following selectors selects adjacent siblings?

1. E &gt; F
2. E F
3. E + F
4. E ~ F

✅ Correct Answer: 3

Find the specificity of this “li”.

1. specificity = 0,0,0,1
2. specificity = 0,0,1,1
3. specificity = 0,1,1,1
4. specificity = 1,1,1,1

✅ Correct Answer: 1

Find the specificity of this ” ul li”.

1. specificity = 0,0,0,0
2. specificity = 0,0,1,2
3. specificity = 0,0,0,2
4. specificity = 2,0,0,0

✅ Correct Answer: 3

Find the specificity of this “li:first-line”.

1. specificity = 0,0,1,1
2. specificity = 0,0,0,2
3. specificity = 0,1,0,1
4. specificity = 1,0,0,1

✅ Correct Answer: 2

Find the specificity of this “ul ol+li”.

1. specificity = 0,0,2,1
2. specificity = 0,2,1,1
3. specificity = 0,1,1,1
4. specificity = 0,0,0,3

✅ Correct Answer: 4

Find the specificity of this “ul ol li.red”.

1. specificity = 0,0,3,1
2. specificity = 0,0,1,3
3. specificity = 1,1,1,1
4. specificity = 1,2,2,1

✅ Correct Answer: 2