InterviewSolution
Saved Bookmarks
InterviewSolution
This section includes InterviewSolutions, each offering curated multiple-choice questions to sharpen your knowledge and support exam preparation. Choose a topic below to get started.
| 51. |
Which of the following is the Color Format that is the CSS3 HSL value with a fourth value to set the alpha channel value for the color to define the opacity of the element?(a) HSLa Color(b) HSL Color(c) RGBa Color(d) RGB Color |
|
Answer» The correct choice is (a) HSLa Color The explanation: An HSLa is specified via a function style hsla(hue,saturation, lightness, alpha), where hue, saturation, and lightness are the same as standard hsl() values, and the alpha channel value for defining opacity is a number between 0 (fully transparent) and 1 (fully opaque). |
|
| 52. |
The ____________ represents the result of the cascade: it is the declared value that wins the cascade.(a) specified Value(b) actual value(c) computed value(d) cascaded value |
|
Answer» Correct option is (d) cascaded value The explanation: Self-explainatory. |
|
| 53. |
___________ property specifies how the position of the mask should be calculated by setting the origin relative to different locations within an element’s box.(a) mask-image(b) mask-box-image(c) mask-attachment(d) mask-origin |
|
Answer» Correct choice is (d) mask-origin The explanation: Syntax: |
|
| 54. |
_____________ property specifies whether the mask should scroll or stay fixed when the page is scrolled.(a) mask-image(b) mask-box-image(c) mask-attachment(d) mask-origin |
|
Answer» Right option is (c) mask-attachment Best explanation: Syntax: |
|
| 55. |
Which of the following Microsoft-introduced property defines the position of underlining set by the text-decoration property?(a) text-underline(b) text-underline-origin(c) text-underline-position(d) none of the mentioned |
|
Answer» The correct answer is (d) none of the mentioned The best explanation: Self-explainatory. |
|
| 56. |
Which of the following CSS Property controls how an element is positioned?(a) position(b) set(c) static(d) fix |
|
Answer» Correct answer is (a) position For explanation I would say: Controls how an element is positioned. When set to absolute or fixed, the element is removed completely from the normal flow of the document. When set to relative, the element is moved relative to its position in the normal flow, but a space is left where it would normally have been. The default value, static, means the element remains in the normal flow and is not positioned. |
|
| 57. |
The _____________ property allows us to include the padding and border in an element’s total width and height.(a) margin(b) box-sizing(c) padding(d) none of the mentioned |
|
Answer» Right option is (b) box-sizing For explanation I would say: Example: |
|
| 58. |
Which of the following property sets in a shorthand form any or all background properties?(a) font(b) background(c) background-color(d) background-position |
|
Answer» Correct option is (b) background For explanation I would say: Syntax: |
|
| 59. |
Which of the following is the Color Format that is a defined using the keyword rgb, followed by three numbers between 0 and 255, contained in parentheses and separated by commas, with no spaces between them.(a) HSLa Color(b) HSL Color(c) RGBa Color(d) RGB Color |
|
Answer» Correct answer is (d) RGB Color Easiest explanation: RGB color values can also be defined using percentages. The format is the same, except that the numbers are replaced by percentage values between 0% and 100%. |
|
| 60. |
Which of the following css property specifies a delay for the transition effect?(a) transition-delay(b) transition-effect(c) transition(d) transition-duration |
|
Answer» The correct answer is (a) transition-delay For explanation: Self-explainatory. |
|
| 61. |
Which of the following CSS Property specifies the top offset of a positioned element?(a) top(b) up(c) reverse(d) fix |
|
Answer» Correct option is (a) top The best I can explain: Self-explainatory. |
|
| 62. |
Which of the following CSS Property specifies the position of the mask?(a) mask(b) mask-position(c) mask-origin(d) none of the mentioned |
|
Answer» Correct choice is (b) mask-position The best explanation: Syntax: mask-position: xpos ypos. |
|
| 63. |
Choose the CSS property which specifies the placement of a table caption.(a) table-caption(b) cell-caption(c) caption-side(d) caption-adjust |
|
Answer» Correct choice is (c) caption-side The best explanation: The caption-side CSS property positions the content of a table’s caption on the specified side. |
|
| 64. |
____________ property sets the coordinates of the clipping shape that exposes or hides the content of absolutely positioned elements(a) clammper(b) clip(c) clear(d) none of the mentioned |
|
Answer» Right option is (b) clip Best explanation: clip: rect(coordinates) | auto | inherit |
|
| 65. |
_____________ property defines the space between cells in a table.(a) border(b) border-spacing(c) border-style(d) none of the mentioned |
|
Answer» The correct choice is (b) border-spacing Easy explanation: border-spacing: non-negative length(s) | inherit |
|
| 66. |
Which of the following css property specifies an image to use as the background of an element?(a) background(b) background-img(c) background-image(d) none of the mentioned |
|
Answer» Right option is (c) background-image The explanation is: Self-explainatory. |
|
| 67. |
Which property specifies where the background image is positioned?(a) background-size(b) background-origin(c) background-image(d) background-clip |
|
Answer» Right option is (b) background-origin Easiest explanation: The CSS background-origin property specifies where the background image is positioned. This property takes three different values namely border-box, padding-box, content-box. In content-box the background images start from the upper left corner of the content. |
|
| 68. |
The _____________ property specifies the background color of an element.(a) background-color(b) border(c) color(d) display |
|
Answer» Right option is (a) background-color Best explanation: Example: |
|
| 69. |
____________ property defines whether table cell borders are connected or separate.(a) border-color(b) border(c) border-style(d) none of the mentioned |
|
Answer» Correct option is (d) none of the mentioned Best explanation: border-collapse roperty defines whether table cell borders are connected or separate. |
|
| 70. |
____________ property associates a background image with an element.(a) image(b) background-image(c) float(d) none of the mentioned |
|
Answer» The correct choice is (b) background-image The best explanation: Example: |
|
| 71. |
________________ property sets the background image to scroll or not to scroll with its associated element’s content(a) background(b) background-position(c) background-attachment(d) none of the mentioned |
|
Answer» The correct option is (c) background-attachment Easiest explanation: Example: |
|
| 72. |
Which of the following property sets the font size of text?(a) font(b) font-text(c) font-size(d) none of the mentioned |
|
Answer» Correct choice is (c) font-size For explanation I would say: Syntax: font-size: length | percentage |
|
| 73. |
Which of the following does not break long URLs into a shorter one?(a) Internet Explorer(b) Chrome(c) Firefox(d) Opera |
|
Answer» Correct option is (a) Internet Explorer Easiest explanation: 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. |
|
| 74. |
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» Correct option is (c) page-break-after To explain: 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. |
|
| 75. |
Orphans and widows properties are supported by _________(a) Safari(b) Chrome(c) Firefox(d) Opera 9.2+ |
|
Answer» Right answer is (d) Opera 9.2+ Easy explanation: 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. |
|
| 76. |
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?(a) monochrome(b) grid(c) resolution(d) device-height |
|
Answer» The correct option is (b) grid The best I can explain: Self-explainatory. |
|
| 77. |
A grid is not supported by _______________(a) IE(b) Chrome(c) Opera(d) Firefox |
|
Answer» Correct answer is (a) IE The explanation: Grid is not supported by Internet Explorer, grid-area, grid-auto-column, grid-column, grid-column-start, grid-column-end, grid-auto-row, grid-row-gap, grid-row-start is supported by all the browsers. |
|
| 78. |
Which selects all visited links?(a) :valid(b) :visited(c) :target(d) :selection |
|
Answer» Right answer is (b) :visited To explain: :visited selects all visited links, :valid selects all input elements with a valid value, :target selects the current active # element, ::selection selects the portion of an element that is selected by a user. |
|
| 79. |
@font-feature-values are only supported in _______________(a) chrome(b) firefox(c) IE(d) Opera |
|
Answer» The correct choice is (b) firefox For explanation I would say: @font-feature-values are supported by Firefox only, font-kerning is supported by all the browsers, font-language-override is supported by firefox only, font-varient is supported by all the browsers. |
|
| 80. |
background-blend-mode is not supported by?(a) IE(b) Opera(c) Chrome(d) Firefox |
|
Answer» The correct answer is (a) IE To explain I would say: background-blend-mode is not supported by Internet Explorer, background-clip, background-color, background-image, background-origin, background-position, background, background-repeat, background-size are supported by all the browsers. |
|
| 81. |
Which of the following property is used to give a 3-D sense of depth to an element?(a) overflow-style(b) opacity(c) overflow-x(d) perspective |
|
Answer» Right choice is (d) perspective Easy explanation: Syntax: |
|
| 82. |
Which of the following strings are defined by in css?(a) single quotes(b) double quotes(c) both single quotes and double quotes(d) none of the mentioned |
|
Answer» Correct answer is (c) both single quotes and double quotes The explanation: In CSS, strings are defined with either single quotes (‘example’) or double quotes (“example”). Quotes may be found within the opposite quote (“I say this is an ‘example’!”). |
|
| 83. |
Which of the following property defines a color for the face of a scroll bar, including arrow regions and the scroll box?(a) scrollbar-base-color(b) scrollbar-arrow-color(c) scrollbar-darkshadow-color(d) scrollbar-face-color |
|
Answer» Correct option is (d) scrollbar-face-color Easy explanation: Syntax |
|
| 84. |
Which of the following property is used to set the color of the arrow icon within a scroll bar?(a) scrollbar-base-color(b) scrollbar-arrow-color(c) scrollbar-darkshadow-color(d) scrollbar-face-color |
|
Answer» The correct answer is (b) scrollbar-arrow-color Explanation: Syntax: |
|
| 85. |
Which of the following option best explain this code “background-image: repeating-linear-gradient(-45deg, #426A77, #FFF 6px);”?(a) Creating Straight Stripes(b) Creating Cubic Stripes(c) Creating Spiral Stripes(d) Creating Diagonal Stripes |
|
Answer» The correct answer is (d) Creating Diagonal Stripes To explain I would say: Self-explainatory. |
|
| 86. |
Which of the following will select all elements within the class?(a) .class(b) #id(c) element(d) element>element |
|
Answer» The correct option is (a) .class For explanation I would say: .class selects all elements within the given class, #id selects the element within the given id, element>element selects all elements where parent is element, element selects all elements. |
|
| 87. |
Which of the following option best explain this code “background-image: repeating-linear-gradient(to right, #D9CC3C, #FFEB79 5%, #D9CC3C 10%);”?(a) Creating a Repeating Gradient(b) Creating a Mix Repeating Gradient(c) Creating a Shadow Repeating Gradient(d) Creating a Smooth Repeating Gradient |
|
Answer» The correct choice is (d) Creating a Smooth Repeating Gradient To explain I would say: Self-explainatory. |
|
| 88. |
Which value specifies the number of colors the device can display?(a) color-index(b) color-gamut(c) color(d) max-color |
|
Answer» Right answer is (a) color-index For explanation I would say: 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. |
|
| 89. |
Which of the following specify the approximate range of colors?(a) max-color-index(b) max-color(c) color-index(d) color-gamut |
|
Answer» Correct choice is (d) color-gamut The explanation is: 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. |
|
| 90. |
Which of the following Viewport Property sets the initial scaling factor?(a) scale(b) initial-scale(c) minimum-scale(d) user-scale |
|
Answer» Correct answer is (b) initial-scale The best explanation: Self-explainatory. |
|
| 91. |
Which value will define the viewport width?(a) width(b) resolution(c) pointer(d) update |
|
Answer» Right choice is (a) width For explanation: 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. |
|
| 92. |
Which of the following represents a comment?(a) /!– comments –!/(b) /! comments !/(c) /* comments */(d) None of the mentioned |
|
Answer» The correct choice is (c) /* comments */ The explanation is: Comments can be placed within style sheets. Style sheets use the comment syntax used in C programming |
|
| 93. |
Which of the following measurement is relative to font-size of the root element?(a) rem(b) kd(c) rr(d) hx |
|
Answer» The correct choice is (a) rem Best explanation: None. |
|
| 94. |
Which of the following property controls how spaces, tabs, and newline characters are handled in an element?(a) space(b) display(c) widows(d) white-space |
|
Answer» Right option is (d) white-space For explanation I would say: The values of pre-wrap and pre-line are not supported in older browsers. |
|
| 95. |
Which of the following property defines the minimum number of lines in a paragraph to be left at the top of a page?(a) white-space(b) widows(c) display(d) width |
|
Answer» Right choice is (b) widows To explain I would say: This property is really only meaningful in a paged environment, such as print output. |
|
| 96. |
Which of the following property sets the spacing between words?(a) display(b) white-space(c) sr(d) word-spacing |
|
Answer» Right option is (d) word-spacing To elaborate: Syntax: |
|
| 97. |
Which of the following measurement defines a measurement in points?(a) px(b) in(c) em(d) pt |
|
Answer» The correct answer is (d) pt Explanation: Defines a measurement in points. A point is defined as 1/72nd of an inch. A point does not equate to a pixel unless there are 72 pixels per inch onscreen. |
|
| 98. |
Which of the following measurement defines a measurement relative to the height of a font in em spaces?(a) px(b) in(c) em(d) pt |
|
Answer» The correct choice is (c) em To elaborate: Defines a measurement relative to the height of a font in em spaces. Because an em unit is equivalent to the size of a given font, if you assign a font to 12pt, each em unit would be 12pt, thus 2em would be 24pt. |
|
| 99. |
Which of the following measurement defines a measurement in pixels?(a) px(b) in(c) em(d) pt |
|
Answer» The correct choice is (a) px For explanation: None. |
|
| 100. |
Which of the following measurement defines a measurement relative to a font’s x-height?(a) e(b) xh(c) ex(d) rxh |
|
Answer» Correct option is (c) ex The explanation: Defines a measurement relative to a font’s x-height. The x-height is determined by the height of the font’s lowercase letter x. |
|