CSS Questions & Answers – Generated Content

CSS Multiple Choice Questions & Answers (MCQs) focuses on “Generated Content”.

Q 1. Which of the following selector same as :after; changed under CSS3 to make pseudo-elements obvious?

A. :after
B. ::after
C. #after
D. none of the mentioned

Show Answer

Answer:-B. ::after

Explanation

Example: div::after {content: url(sectionend.gif);}

Q 2. Which of the following property controls CSS counter values?
A. counter-decrement
B. counter-increment
C. counter
D. none of the mentioned

Show Answer

Answer:-B. counter-increment

Explanation

Syntax: counter-increment: counter-name1 [integer] … counter-nameN [integer] | none | inherit

Q 3. Which of the following property defines the text selection policy for various portions of a document?
A. user-origin
B. user
C. user-select
D. all of the mentioned

Show Answer

Answer:-C. user-select

Explanation

Syntax: user-select: all | none | text

Q 4. Which of the following CSS3 property can be used to allow line breaks within words?
A. word-wrap
B. word-break
C. line-wrap
D. line-break

Show Answer

Answer:-B. word-break

Explanation

Syntax: word-break: break-all | keep-all | normal

Q 5. Which of the following property contains a list of one or more counter names to be cleared or set to a particular value?
A. counter
B. counter-origin
C. counter-reset
D. none of the mentioned

Show Answer

Answer:-C. counter-reset

Explanation

Syntax: counter-reset: counter-name1 [integer] … counter-nameN [integer] | none |inherit

Q 6. Which of the following property is used in conjunction with the :before or :after pseudo-elements?
A. text
B. content
C. generated-content
D. none of the mentioned

Show Answer

Answer:-B. content

Explanation

Syntax: content: { { string | uri | counter}}

Q 7 . Which of the following property can be used to set text flow appropriate for European alphabets or East Asian alphabets?
A. writing-mode
B. language-mode
C. text-mode
D. reading-mode

Show Answer

Answer:-A. writing-mode

Explanation

Syntax: writing-mode: bt-lr | bt-rl

Q 8. Which of the following property is used to define which properties a transition will be applied to?
A. transition
B. transition-property
C. transition-wrap
D. transition-style

Show Answer

Answer:-B. transition-property

Explanation

Syntax: transition-property: all | none | property-name-1 [,…property-name-N]

Q 9. Which of the following property is used to zoom in or out on an element?
A. zoom
B. zoom-set
C. zoom-in
D. zoom-out

Show Answer

Answer:-A. zoom

Explanation

Syntax: zoom: float | percentage | normal

Q 10. Which of the following property is used to describe all transition-related properties at once?
A. transition-set
B. transition-wrap
C. transition
D. animation

Show Answer

Answer:-C. transition

Explanation

Syntax: transition: transition-property transition-duration transition-timing-function transition-delay