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

Which of the following measurement defines a measurement relative to the height of a font in em spaces?

1. px
2. in
3. em
4. pt

✅ Correct Answer: 3

Which of the following measurement defines a measurement in points?

1. px
2. in
3. em
4. pt

✅ Correct Answer: 4

Which of the following measurement defines a measurement in inches?

1. px
2. in
3. em
4. pt

✅ Correct Answer: 2

Which of the following measurement defines a measurement in pixels?

1. px
2. in
3. em
4. pt

✅ Correct Answer: 1

Which of the following measurement defines a measurement relative to a font’s x-height?

1. e
2. xh
3. ex
4. rxh

✅ Correct Answer: 3

Which of the following measurement is relative to 1percentage of viewport’s larger dimension?

1. vw
2. vmax
3. vmin
4. ch

✅ Correct Answer: 2

Which of the following measurement is relative to 1percentage of the width of the viewport?

1. vw
2. vmax
3. vmin
4. ch

✅ Correct Answer: 1

Which of the following measurement is relative to 1% of the height of the viewport?

1. ch
2. rem
3. %
4. vh

✅ Correct Answer: 4

Which of the following measurement is relative to font-size of the root element?

1. rem
2. kd
3. rr
4. hx

✅ Correct Answer: 1

Which of the following property sets in a shorthand form any or all background properties?

1. font
2. background
3. background-color
4. background-position

✅ Correct Answer: 2

Which of the following property sets the coordinates of the clipping shape that exposes or hides the content of absolutely positioned elements?

1. clip
2. clamp
3. clip-wekit
4. clamp-webkit

✅ Correct Answer: 2

Which of the following property generates content in a document and is used with the :before and :after pseudo-elements?

1. text
2. content
3. contents
4. none of the mentioned

✅ Correct Answer: 2

Which of the following property determines how the cursor displays when passed over the affected element?

1. mouse
2. cursor
3. click
4. focus

✅ Correct Answer: 4

Which of the following property is used to control the text direction, much like the dir attribute for (X)HTML tags?

1. left
2. right
3. direction
4. direct

✅ Correct Answer: 3

Which of the following property specifies an element’s display type and can override an element’s defined presentation?

1. content
2. display
3. visibility
4. none of the mentioned

✅ Correct Answer: 4

What does SVG stands for?

1. Scaled Vector Graph
2. Scalable Vector Graphics
3. Scaled Vector Graphics
4. none of the mentioned

✅ Correct Answer: 2

Which of the following element is used to begin an SVG image?

1. <image>
2. <svg>
3. <img>
4. <graph>

✅ Correct Answer: 2

Which of the following element is used to create a circle?

1. <cir>
2. <round>
3. <circle>
4. <ellipse>

✅ Correct Answer: 3

Which of the following element is used to create an SVG ellipse?

1. <circle>
2. <ellipse>
3. <curve>
4. none of the mentioned

✅ Correct Answer: 2

Which of the following is not an attribute used with SVG ellipse?

1. cx
2. cy
3. rr
4. ry

✅ Correct Answer: 3

Which of the following element is used to create a SVG line?

1. <line>
2. <dot>
3. <ray>
4. <stick>

✅ Correct Answer: 1

Which of the following is attribute of SVG line?

1. x
2. y
3. x1
4. All of the mentioned

✅ Correct Answer: 4

Which of the following element is used to create any shape that consists of only straight lines?

1. <polyogn>
2. <polyline>
3. <lines>
4. <multiline>

✅ Correct Answer: 2

Which of the following defines the color of a line, text or outline of an element?

1. text
2. stroke
3. line
4. all of the mentioned

✅ Correct Answer: 4

Which of the following selector is used to select and style when you place mouse over it?

1. focus
2. hover
3. mouse
4. all of the mentioned

✅ Correct Answer: 2

Which of the following method increases or decreases the size of an element using tranform?

1. rotate()
2. scale()
3. translate()
4. matrix()

✅ Correct Answer: 2

Which of the following method moves an element from its current position using tranform?

1. rotate()
2. scale()
3. translate()
4. matrix()

✅ Correct Answer: 3

Which of the following property specifies the speed curve of the transition effect?

1. transition-delay
2. transition-duration
3. transition-timing-function
4. Transition economies

✅ Correct Answer: 3

Which of the following method skews an element along the X-axis by the given angle using tranform?

1. skewX()
2. skewy()
3. x-axis()
4. skew()

✅ Correct Answer: 1

Which of the following method skews an element along the X and Y-axis by the given angles using tranform?

1. skewX()
2. skewy()
3. skew-X-Y()
4. skew()

✅ Correct Answer: 4

Which of the following transition-timing-function property specifies a transition effect with a slow start?

1. ease
2. ease-in
3. ease-in-out
4. none of the mentioned

✅ Correct Answer: 2

Which of the following transition-timing-function property specifies a transition effect with a slow start, then fast, then end slowly

1. ease
2. ease-in
3. ease-in-out
4. none of the mentioned

✅ Correct Answer: 1

Which of the following transition-timing-function property lets you define your own values in a cubic-bezier function

1. cubic(n,n,n,n)
2. matrix(n,n,n,n)
3. cubic-bezier(n,n,n,n)
4. none of the mentioned

✅ Correct Answer: 3

Which of the following method combines all the 2D transform methods into one using transform?

1. combine()
2. 2D-tranform()
3. matrix()
4. matrix-2D()

✅ Correct Answer: 3

Which of the following css property should be used to make a responsive image?

1. float
2. max-width
3. margin-right
4. All of the mentioned

✅ Correct Answer: 4

Which of the following css propery define the properties that will be animated in an animation rule?

1. @keyframes
2. animation-origin
3. transform
4. animation

✅ Correct Answer: 4

Which of the following CSS3 property is used to tell the browser what the sizing properties should be include?

1. box-sizing
2. box-model
3. box-design
4. box-redesign

✅ Correct Answer: 1

Which of the following CSS3 property specifies where to navigate when using the arrow-down navigation key?

1. down
2. nav-down
3. arrow-down
4. none of the mentioned

✅ Correct Answer: 3

Which of the following CSS3 property specifies the sequential navigation order for an element?

1. nav
2. class
3. nav-index
4. class-index

✅ Correct Answer: 3

Which of the following nav-left value sets it’s value to default value?

1. target-name
2. id
3. inital
4. inherit

✅ Correct Answer: 3

Which of the following CSS3 property adds space between an outline and the edge or border of an element?

1. offset
2. outline
3. outline-offset
4. none of the mentioned

✅ Correct Answer: 2

Which of the following outline-offset value sets the distance the outline is outset from the border edge?

1. distance
2. length
3. initial
4. all

✅ Correct Answer: 2

Which of the following CSS3 property specifies whether or not an element is resizable by the user?

1. resize
2. length
3. inherit
4. none of the mentioned

✅ Correct Answer: 2

Which of the following CSS3 property specifies where to navigate when using the arrow-up navigation key?

1. nav-upper
2. nav-top
3. nav-up
4. all of the mentioned

✅ Correct Answer: 3

Which of the following CSS3 property specifies where to navigate when using the arrow-right navigation key?

1. right
2. nav-right
3. nav-side
4. none of the mentioned

✅ Correct Answer: 3

Which of the following nav-right value is used to the inherits this property from its parent element?

1. auto
2. id
3. target-name
4. inherit

✅ Correct Answer: 4

Which of the following css property allows elements to be offset, rotated, scaled, and skewed in a variety of different ways?

1. transform-3D
2. transform-origin
3. transform
4. transition

✅ Correct Answer: 3

Which of the following css property is used to define a delay before an animation starts?

1. delay
2. transition-delay
3. transform-delay
4. None of the mentioned

✅ Correct Answer: 2

Which of the following css property is used to define the time it takes one iteration of an animation to play?

1. control
2. animation-duration
3. transition-duration
4. All of the mentioned

✅ Correct Answer: 3

Which of the following css property is used to define which properties a transition will be applied to?

1. animation-property
2. transition-property
3. css3-property
4. none of the mentioned

✅ Correct Answer: 2

Which of the following css property is used to describe how the animation will play?

1. animation-timing-function
2. css3-timing-function
3. transform-timing-function
4. transition-timing-function

✅ Correct Answer: 4

Which of the following css property is used to indicate if an animation plays in reverse or repeats itself every other iteration?

1. animation-iteration
2. animation-check
3. animation-direction
4. animation-state

✅ Correct Answer: 3

Which of the following css property is used to define the time it takes one iteration of an animation to play?

1. animation-duration
2. animation-time
3. animation-value
4. none of the mentioned

✅ Correct Answer: 1

Which of the following css property is used to define the number of times an animation should play?

1. scale-iteration-count
2. transtion-iteration-count
3. animation-iteration-count
4. all of the mentioned

✅ Correct Answer: 3

Which of the following css property is used to define the animations that should be run?

1. animation-run
2. animation-name
3. transtion-name
4. None of the mentioned

✅ Correct Answer: 4