CSS Questions & Answers – Generated Content

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

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
View Answer
Answer: a
Explanation:

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

advertisement
advertisement

2. Which of the following property controls CSS counter values?
a) counter-increment
b) counter-decrement
c) counter
d) none of the mentioned
View Answer

Answer: a
Explanation:

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

3. 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
View Answer

Answer: c
Explanation:

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

4. Which of the following property is used in conjunction with the :before or :after pseudo-elements?
a) text
b) generated-content
c) content
d) none of the mentioned
View Answer

Answer: c
Explanation:

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

5. Which of the following property defines the text selection policy for various portions of a document?
a) user-origin
b) user-select
c) user
d) all of the mentioned
View Answer

Answer: b
Explanation:

Syntax: user-select: all | none | text

where the default value all allows for selection.

6. 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
View Answer

Answer: b
Explanation:

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

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
View Answer

Answer: a
Explanation:

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

8. 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
View Answer

Answer: a
Explanation:

Syntax: zoom: float | percentage | normal

9. 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
View Answer

Answer: c
Explanation:

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

where the individual transition properties are defined in their own entries. Multiple
transitions can be listed separated by commas.

10. 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
View Answer

Answer: b
Explanation:

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

Sanfoundry Global Education & Learning Series – CSS.

To practice all areas of CSS, here is complete set of 1000+ Multiple Choice Questions and Answers.

If you find a mistake in question / option / answer, kindly take a screenshot and email to [email protected]

advertisement
advertisement
Subscribe to our Newsletters (Subject-wise). Participate in the Sanfoundry Certification contest to get free Certificate of Merit. Join our social networks below and stay updated with latest contests, videos, internships and jobs!

Youtube | Telegram | LinkedIn | Instagram | Facebook | Twitter | Pinterest
Manish Bhojasia - Founder & CTO at Sanfoundry
Manish Bhojasia, a technology veteran with 20+ years @ Cisco & Wipro, is Founder and CTO at Sanfoundry. He lives in Bangalore, and focuses on development of Linux Kernel, SAN Technologies, Advanced C, Data Structures & Alogrithms. Stay connected with him at LinkedIn.

Subscribe to his free Masterclasses at Youtube & discussions at Telegram SanfoundryClasses.