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.
| 151. |
Which of the following is not the value for background-repeat property?(a) repeat-y(b) repeat-x(c) no-repeat(d) fixed |
|
Answer» The correct answer is (d) fixed Explanation: Background-repeat property can have four values i.e. repeat, repeat-x, repeat-y and no -repeat. The background image is repeated both horizontally and vertically by setting the value repeat, repeat-x repeats the image horizontally only. |
|
| 152. |
Which of the following defines a MIME string format of the content being returned?(a) content-type:string(b) expires:date string(c) location:URL string(d) last-modified:string |
|
Answer» Correct option is (a) content-type:string Explanation: Content-type:string is a MIME string defining the format of the content being returned, example is content-type:text/html, last-modified: string defines the date of last modification of the file. |
|
| 153. |
Which of the following specifies how to slice border image?(a) border-image(b) border-image-source(c) border-image-outset(d) border-image-slice |
|
Answer» Right option is (d) border-image-slice The explanation is: border-image-slice specifies how to slice border image, border-image-outset specifies the amount by which border image area extends beyond the border box, border-image is a shorthand property for setting all the border-image properties. |
|
| 154. |
Which web font was developed by Apple and Microsoft in the late 1980s?(a) TTF(b) OTF(c) WOFF(d) WOFF 2.0 |
|
Answer» Right option is (a) TTF For explanation: TrueType (TTF) is a font standard developed in the late 1980s by Microsoft and Apple. It is the most common font format for both Microsoft Windows and Mac OS operating systems. |
|
| 155. |
Which of the following transition-timing-function property specifies a transition effect with a slow start?(a) ease(b) ease-in(c) ease-in-out(d) none of the mentioned |
|
Answer» The correct answer is (b) ease-in For explanation: Self-explainatory. |
|
| 156. |
Which font format is used in web pages?(a) WOFF 2.0(b) WOFF(c) SVG Fonts(d) EOT |
|
Answer» Right option is (b) WOFF To explain I would say: WOFF is font format used in web pages. It was developed in 2009. It is essentially OpenType or TrueType with compression and additional metadata. The goal is to support font distribution from the server to client over the network with bandwidth constraints. |
|
| 157. |
Which of the following transition-timing-function property lets you define your own values in a cubic-bezier function(a) cubic(n,n,n,n)(b) matrix(n,n,n,n)(c) cubic-bezier(n,n,n,n)(d) none of the mentioned |
|
Answer» The correct choice is (c) cubic-bezier(n,n,n,n) To elaborate: Self-explainatory. |
|
| 158. |
How many values are there for animation-full-mode property?(a) 1(b) 2(c) 3(d) 4 |
|
Answer» Correct choice is (d) 4 Easiest explanation: animation-fill-mode property specifies the style for the target element when an animation is not playing. There are four values for this property namely none, forwards, backwards, and both. None is the default value. |
|
| 159. |
Which value specifies animation with slow start?(a) ease-out(b) ease-in(c) linear(d) ease |
|
Answer» The correct option is (b) ease-in To elaborate: ease-in specifies an animation with a slow start, ease-out specifies an animation with a slow end, linear specifies animation with same speed from start to end, ease specifies an animation with a slow start, then fast, then end slowly. |
|
| 160. |
Which of the following method combines all the 2D transform methods into one using transform?(a) combine()(b) 2D-tranform()(c) matrix()(d) matrix-2D() |
|
Answer» Correct answer is (c) matrix() Explanation: Self-explainatory. |
|
| 161. |
What does not affect the element itself?(a) perspective()(b) sacle()(c) matrix()(d) rotate() |
|
Answer» Correct choice is (a) perspective() The best I can explain: perspective() does not affect the element itself, but affects the transforms of descendant element’s 3D transform, allowing them all to have a consistent depth perspective. |
|
| 162. |
Which of the following CSS Property sets the pace of the transition to the next keyframe, as described in the previous section?(a) animation-timing-function(b) animation-pace-function(c) animation-transition-function(d) none of the mentioned |
|
Answer» Right answer is (a) animation-timing-function The best I can explain: Self-explainatory. |
|
| 163. |
Which of the following property defines when the animation will start. It allows an animation to begin execution some time after it is applied?(a) animation-stop(b) animation-delay(c) animation-start(d) animation-control |
|
Answer» The correct answer is (b) animation-delay For explanation I would say: Self-explainatory. |
|
| 164. |
What combines all the 2D transform methods into one?(a) skewX()(b) matrix()(c) skewY()(d) skew() |
|
Answer» Right option is (b) matrix() To explain: The matrix() method combines all 2D transform methods into one, the matrix() method takes six parameters, containing mathematic functions, that allows us to rotate, scale, move or skew the elements. |
|
| 165. |
Which of the following CSS Property defines which property values to apply to the element before the animation begins (if delayed) and after it ends?(a) animation-play(b) animation-delay(c) animation-fill-mode(d) animation-play-state |
|
Answer» The correct answer is (c) animation-fill-mode Explanation: Self-explainatory. |
|
| 166. |
Which of the following CSS property defines whether the animation is running or paused?(a) animation-pause-state(b) animation-state(c) animation-play-state(d) all of the mentioned |
|
Answer» Correct choice is (c) animation-play-state The best explanation: Self-explainatory. |
|
| 167. |
What skews an element along X and Y-axis?(a) skew()(b) skewX()(c) skewY()(d) matrix() |
|
Answer» Correct option is (a) skew() To elaborate: The skew() method skews an element along X and Y-axis by the given angles, |
|
| 168. |
Which of the following css property defines whether or not an element should be visible when not facing the screen?(a) visibility(b) backface-control(c) backface-visibility(d) none of the mentioned |
|
Answer» Right choice is (c) backface-visibility Easiest explanation: Self-explainatory. |
|
| 169. |
Which of the following increases or decreases the size of element?(a) skewX()(b) matrix()(c) scale()(d) skewY() |
|
Answer» Correct option is (c) scale() To elaborate: The scale() method increases or decreases the size of an element according to the parameters given for width and height, |
|
| 170. |
Which of the following selector is used to select and style when you place mouse over it?(a) focus(b) hover(c) mouse(d) all of the mentioned |
|
Answer» The correct option is (b) hover The explanation: Self-explainatory. |
|
| 171. |
Which of the following method increases or decreases the size of an element using tranform?(a) rotate()(b) scale()(c) translate()(d) matrix() |
|
Answer» The correct option is (b) scale() The explanation: Self-explainatory. |
|