CSS Multiple Choice Questions on “Print Styles and their Development”.
1. @page is not supported in ________
a) Firefox
b) Opera
c) Chrome
d) Internet Explorer
Answer: a
Clarification: @page is not supported in Firefox, but is supported in Chrome 2.0+, IE 8.0+, Opera 6.0+ and safari 5.0+. @page:first is supported only in IE8+ and Opera 9.2+.
2. Which of the following does not break long URLs into a shorter one?
a) Internet Explorer
b) Chrome
c) Firefox
d) Opera
Answer: a
Clarification: word-wrap breaks long URLs when they reach a certain limit. This property is basically supported in a wide range of browsers even in IE 6, it works in chrome when printing. Firefox automatically breaks long URLs, Internet Explorer has no capability for breaking long URLs into the shorter one.
3. Orphans and widows properties are supported by _________
a) Safari
b) Chrome
c) Firefox
d) Opera 9.2+
Answer: d
Clarification: Orphan property sets the number of lines for the bottom of the page. The orphans and widows properties are supported in IE 8+ and Opera 9.2+, but not in Firefox, Chrome or Safari.
4. Which of the following will take care of breaks behind an element?
a) page-break-before
b) page-break-inside
c) page-break-after
d) page-break-into
Answer: c
Clarification: There are three CSS attributes page-break before, page-break-after and page-break-inside that allow us to decide exactly where a print page will be broken. Among other things, this will prevent images from being broken into two pieces.
5. What prohibits the break?
a) always
b) avoid
c) left
d) right
Answer: b
Clarification: Auto is print element’s standard, always places a break every time, avoid prohibits the break, left and right are for continuation pages that are formatted left or right accordingly.
6. Which of the following media type is used for computer screens?
a) speech
b) screen
c) all
d) print
Answer: b
Clarification: The screen media type is used for computer screens, smart-phones, tablets etc. The print media type is used for printers, speech is used for screenreaders that “reads” the page loud, all is used for all media type devices.
7. Which value specifies the number of colors the device can display?
a) color-index
b) color-gamut
c) color
d) max-color
Answer: a
Clarification: The number of colors the device can display is specified by color-index, color-gamut specifies the approximate range of colors that are supported by a user agent and output device. The number of bits per color component for the output device is specified by color value.
8. Which value will define the viewport width?
a) width
b) resolution
c) pointer
d) update
Answer: a
Clarification: Width specifies the width of the viewport, update specify how quickly can output device modify the appearance of the content, the scan is set for scanning process of the output device, the resolution of output device using dpi or dpcm is by resolution.
9. Which of the following will specify minimum width of display area?
a) min-resolution
b) min-width
c) monochrome
d) overflow-block
Answer: b
Clarification: The minimum width of a display area such as browser window is specified by min-width, min-resolution specify the minimum resolution of the device, using dpi or dpcm, monochrome specify the number of bits per “color” on a monochrome device.
10. Which of the following specify the approximate range of colors?
a) max-color-index
b) max-color
c) color-index
d) color-gamut
Answer: d
Clarification: The approximate range of colors that are supported by user agent and output device is specified by color-gamut, the number of colors the device can display is specified by color-index, the maximum number of bits per color component for the output device is specified by max-color.