Explore topic-wise InterviewSolutions in .

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.

1.

Which of the following Media Query determines if output is monochrome and how many bits are used for gray display?(a) gray(b) chrome(c) monochrome(d) none of the mentionedThe question was asked in an international level competition.I need to ask this question from Targeting Styles with Media Queries topic in chapter CSS Text, Borders and Images of CSS

Answer» CORRECT CHOICE is (C) monochrome

Best EXPLANATION: Self-explainatory.
2.

A media query consists of a media type and zero or more expressions that check for the conditions of particular media features. State true or false.(a) True(b) FalseThis question was addressed to me in homework.This question is from Targeting Styles with Media Queries in section CSS Text, Borders and Images of CSS

Answer»

The CORRECT ANSWER is (a) True

The EXPLANATION is: Self-explainatory.

3.

Which of the following Media Query describes the scanning method of a TV?(a) orientation(b) scan(c) resolution(d) none of the mentionedI had been asked this question during an online exam.The question is from Targeting Styles with Media Queries topic in section CSS Text, Borders and Images of CSS

Answer» CORRECT ANSWER is (B) scan

Best EXPLANATION: Self-explainatory.
4.

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-heightThis question was posed to me during an interview.My query is from Targeting Styles with Media Queries topic in division CSS Text, Borders and Images of CSS

Answer»

The CORRECT OPTION is (B) grid

The BEST I can EXPLAIN: Self-explainatory.

5.

Which of the following Media Query describe the ratio of the device width to the device height of the media?(a) device-aspect(b) device-aspect-ratio(c) device-aspect-query(d) none of the mentionedI have been asked this question in an interview for job.My question comes from Targeting Styles with Media Queries topic in chapter CSS Text, Borders and Images of CSS

Answer» CORRECT OPTION is (C) device-aspect-query

Best EXPLANATION: Self-explainatory.
6.

Which of the following @viewport Property locks the document in the specified orientation, portrait or landscape?(a) orientation(b) resolution(c) landscape(d) portraitThis question was addressed to me in my homework.The doubt is from Targeting Styles with Media Queries in section CSS Text, Borders and Images of CSS

Answer» CORRECT ANSWER is (a) orientation

For EXPLANATION I WOULD SAY: Self-explainatory.
7.

Which of the following @viewport Property sets the viewport height in the same way as width?(a) height(b) width(c) viewpor-width(d) none of the mentionedI have been asked this question in exam.Asked question is from Targeting Styles with Media Queries topic in chapter CSS Text, Borders and Images of CSS

Answer» RIGHT OPTION is (a) height

Easy EXPLANATION: Self-explainatory.
8.

Which of the followingmedia feature describes the number of entries in the color lookup table of the output device(a) color(b) color-index(c) color-value(d) [email protected]I had been asked this question in a national level competition.Enquiry is from Targeting Styles with Media Queries topic in chapter CSS Text, Borders and Images of CSS

Answer» CORRECT option is (b) COLOR-index

The BEST explanation: The ‘color-index’ MEDIA feature describes the number of entries in the color lookup table of the OUTPUT device. If the device does not use a color lookup table, the value is zer
9.

Which of the following Viewport Property sets the initial scaling factor?(a) scale(b) initial-scale(c) minimum-scale(d) user-scaleI have been asked this question in a national level competition.The doubt is from Targeting Styles with Media Queries topic in portion CSS Text, Borders and Images of CSS

Answer» CORRECT ANSWER is (B) initial-scale

The BEST EXPLANATION: Self-explainatory.
10.

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 GradientI have been asked this question during an online interview.I want to ask this question from Gradients without Images in portion CSS Text, Borders and Images of CSS

Answer»

The correct CHOICE is (d) Creating a SMOOTH REPEATING Gradient

To EXPLAIN I would SAY: Self-explainatory.

11.

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 StripesI have been asked this question in an internship interview.I need to ask this question from Gradients without Images in portion CSS Text, Borders and Images of CSS

Answer»

The CORRECT answer is (d) CREATING Diagonal Stripes

To EXPLAIN I WOULD say: Self-explainatory.

12.

Which of the following function creates a CSS gradient image that can be used anywhere an image URL is required, including background-image, border-image, and list-style properties?(a) canvas(b) gradient(c) animation(d) colorI had been asked this question in an internship interview.I'm obligated to ask this question of Gradients without Images topic in portion CSS Text, Borders and Images of CSS

Answer» RIGHT ANSWER is (B) gradient

To ELABORATE: Self-explainatory.
13.

Which of the following option best explain this code “background-image: repeating-radial-gradient(circle at 50% 100%, #FFEB79, #D9CC3C 5%);”?(a) Creating Infinte circular Gradients(b) Creating Repeating Circular Gradients(c) Creating Repeating Radial Gradients(d) Creating Infinite Radial GradientsI got this question in exam.Origin of the question is Gradients without Images in section CSS Text, Borders and Images of CSS

Answer» CORRECT answer is (c) Creating REPEATING RADIAL Gradients

Easy EXPLANATION: Self-explainatory.
14.

Which of the following argument is not accepted by radial-gradient() function?(a) Shape(b) Time(c) Color stops(d) PositionI got this question during an interview for a job.My question is taken from Gradients without Images in chapter CSS Text, Borders and Images of CSS

Answer» RIGHT OPTION is (B) Time

The EXPLANATION: Self-explainatory.
15.

Which of the following is not a browser-specific versions of linear-gradient()?(a) -moz-linear-gradient()(b) -o-linear-gradient()(c) -mac-linear-gradient()(d) -webkit-linear-gradient()I have been asked this question in quiz.Enquiry is from Gradients without Images topic in portion CSS Text, Borders and Images of CSS

Answer» RIGHT OPTION is (C) -mac-linear-gradient()

EASY EXPLANATION: Self-explainatory.
16.

Which of the following CSS Gradient Functions Creates a radial gradient that repeats infinitely?(a) repeat-radial-gradient()(b) repeating-radial-gradient()(c) infinite-radial-gradient()(d) none of the mentionedI have been asked this question during an online interview.I need to ask this question from Gradients without Images in section CSS Text, Borders and Images of CSS

Answer»

The CORRECT CHOICE is (a) repeat-radial-gradient()

To EXPLAIN I WOULD SAY: Self-explainatory.

17.

Which of the followingCSS Gradient Functions creates a circular or elliptical gradient, and optionally sets its shape, size, and position?(a) radial-gradient()(b) circular-gradient()(c) elliptical-gradient()(d) none of the mentionedThis question was posed to me in quiz.This interesting question is from Gradients without Images in section CSS Text, Borders and Images of CSS

Answer» CORRECT CHOICE is (C) elliptical-gradient()

The EXPLANATION is: Self-explainatory.
18.

Which of the following CSS Gradient Functions sets the direction and colors of a gradient that fades from one color to the next in a straight line?(a) gradient()(b) line-gradient()(c) linear-gradient()(d) none of the mentionedI have been asked this question in a national level competition.I want to ask this question from Gradients without Images topic in chapter CSS Text, Borders and Images of CSS

Answer» CORRECT CHOICE is (d) NONE of the mentioned

To EXPLAIN: Self-explainatory.
19.

Which of the following property sets the font size of text?(a) font(b) font-text(c) font-size(d) none of the mentionedThis question was posed to me during a job interview.My question comes from Styling Lists and Navigation Menus topic in chapter CSS Text, Borders and Images of CSS

Answer» CORRECT choice is (c) font-size

For explanation I would SAY: Syntax: font-size: LENGTH | PERCENTAGE
20.

Which of the following property sets the font face to be used for text?(a) font(b) font-text(c) font-family(d) none of the mentionedThe question was posed to me in exam.My doubt is from Styling Lists and Navigation Menus topic in chapter CSS Text, Borders and Images of CSS

Answer»

Right answer is (C) font-family

The BEST EXPLANATION: Syntax: font-family: font 1

21.

Which of the following property influences the horizontal alignment of an element, making it “float” toward the left or right margin of its containing element?(a) float(b) float-left(c) float-right(d) float-alignI got this question during an interview.This intriguing question originated from Styling Lists and Navigation Menus topic in division CSS Text, Borders and Images of CSS

Answer»

The correct choice is (d) FLOAT-align

Explanation: SYNTAX: float: LEFT | right | NONE | inherit;

22.

Which of the following property is used to round border corners?(a) border-corner(b) border-round(c) border-radius(d) none of the mentionedThe question was asked during an online exam.This is a very interesting question from Styling Lists and Navigation Menus in division CSS Text, Borders and Images of CSS

Answer» RIGHT CHOICE is (C) border-radius

To EXPLAIN: SYNTAX: border-left: border-width border-style border-color;
23.

Which of the following property defines in a shorthand form the width, style, and color for the left border of an element?(a) border(b) border-style(c) border-left(d) none of the mentionedI got this question in an online quiz.Asked question is from Styling Lists and Navigation Menus in section CSS Text, Borders and Images of CSS

Answer» CORRECT CHOICE is (B) border-style

Explanation: SYNTAX: border-left: border-width border-style border-color;
24.

Which of the following property defines in a shorthand form the width, style, and color for all four sides of an element’s border?(a) border(b) border-style(c) border-color(d) border-allI got this question in class test.The above asked question is from Styling Lists and Navigation Menus topic in chapter CSS Text, Borders and Images of CSS

Answer»

Right ANSWER is (a) BORDER

Easy explanation: EXAMPLE: div {border: 2px double RED;}

25.

Which of the following property defines labels for a list of items?(a) list-shape(b) list-style(c) list-type(d) list-style-typeI got this question during an online interview.I'm obligated to ask this question of Styling Lists and Navigation Menus in chapter CSS Text, Borders and Images of CSS

Answer»

Right ANSWER is (d) list-style-type

The explanation is: SYNTAX: list-style-type: DISC | circle | SQUARE | decimal

26.

Which of the following property specifies whether the labels for an element’s list items are positioned inside or outside the “box” defined by the listed item?(a) list-style(b) list-position(c) list-style-position(d) list-position-styleThis question was addressed to me by my school teacher while I was bunking the class.Query is from Styling Lists and Navigation Menus in division CSS Text, Borders and Images of CSS

Answer»

The CORRECT CHOICE is (c) list-style-position

The best I can explain: Syntax: list-style-position: INSIDE | OUTSIDE | inherit

27.

Which of the following property assigns a graphic image to a list item?(a) list-image-style(b) list-style-image(c) list-image(d) none of the mentionedThis question was posed to me in a job interview.I want to ask this question from Styling Lists and Navigation Menus in portion CSS Text, Borders and Images of CSS

Answer» RIGHT option is (b) list-style-IMAGE

Explanation: SYNTAX: list-style-image: url(url of image) | NONE
28.

Which of the following property sets list-style-type, list-style-position, and liststyle-image?(a) style(b) list-style(c) menu-style(d) img-styleThis question was addressed to me in final exam.My enquiry is from Styling Lists and Navigation Menus in chapter CSS Text, Borders and Images of CSS

Answer»

The CORRECT CHOICE is (B) list-style

The EXPLANATION: SYNTAX: list-style: list-style-type | list-style-position | list-style-image

29.

Which of the following property defines a color for the right and bottom edges of a scroll bar.(a) scrollbar-color(b) scrollbar-darkshadow-color(c) scrollbar-shadow(d) scrollbar-shadow-colorI have been asked this question in my homework.I'm obligated to ask this question of Backgrounds, Borders and Drop Shadow in portion CSS Text, Borders and Images of CSS

Answer» CORRECT CHOICE is (d) scrollbar-shadow-COLOR

The EXPLANATION: SYNTAX: scrollbar-shadow-color: color
30.

Which of the following property defines a shadow color for the right and bottom edges of a scroll bar?(a) scrollbar-darkshadow(b) scrollbar-shadow-color(c) scrollbar-darkshadow-color(d) none of the mentionedI got this question in an interview.Enquiry is from Backgrounds, Borders and Drop Shadow topic in portion CSS Text, Borders and Images of CSS

Answer» CORRECT OPTION is (C) scrollbar-darkshadow-COLOR

Explanation: SYNTAX: scrollbar-darkshadow-color: color
31.

Which of the following property defines a shadow effect for text?(a) box-shadow(b) img-shadow(c) text-shadow(d) none of the mentionedI have been asked this question during an online exam.This intriguing question comes from Backgrounds, Borders and Drop Shadow topic in section CSS Text, Borders and Images of CSS

Answer» RIGHT option is (d) none of the mentioned

The explanation is: The SHADOW effects are applied in the order specified and may OVERLAY each other, but they will never overlay the text itself. Each shadow effect must specify a shadow OFFSET horizontally and vertically and may optionally specify a BLUR radius and a shadow color.
32.

Which of the following property sets the shadow for a box element?(a) shadow(b) set-shadow(c) canvas-shadow(d) box-shadowThe question was asked during a job interview.The question is from Backgrounds, Borders and Drop Shadow topic in portion CSS Text, Borders and Images of CSS

Answer» RIGHT ANSWER is (B) set-shadow

The explanation: SYNTAX:box-shadow: none | inherit
33.

Which of the following property defines in a shorthand form the width, style, and color for the top border of an element?(a) border-style(b) border-height(c) border-width(d) border-topI have been asked this question in an internship interview.My query is from Backgrounds, Borders and Drop Shadow in chapter CSS Text, Borders and Images of CSS

Answer» RIGHT CHOICE is (d) border-top

The BEST I can EXPLAIN: SYNTAX: border-top: border-width border-style border-color;
34.

Which of the following property defines the space between cells in a table?(a) auto(b) border(c) spacing(d) border-spacingThis question was addressed to me in a national level competition.My doubt stems from Backgrounds, Borders and Drop Shadow in portion CSS Text, Borders and Images of CSS

Answer» RIGHT CHOICE is (d) border-spacing

Explanation: SYNTAX: border-spacing: non-negative LENGTH(s) | INHERIT
35.

Which of the following property defines the visual style of up to four different sides of a border?(a) border-color(b) border-img(c) border-visual(d) border-styleThe question was posed to me in exam.I need to ask this question from Backgrounds, Borders and Drop Shadow topic in portion CSS Text, Borders and Images of CSS

Answer» CORRECT OPTION is (B) border-img

Explanation: SYNTAX: border-STYLE: style
36.

Which of the following property defines the color of an element’s right border?(a) border-right-colors(b) border-right-color(c) border-right(d) border-colorI have been asked this question in a job interview.This interesting question is from Backgrounds, Borders and Drop Shadow topic in section CSS Text, Borders and Images of CSS

Answer» RIGHT CHOICE is (B) border-right-COLOR

Explanation: Syntax: border-right-color: color | TRANSPARENT
37.

Which of the following property sets an element’s background color?(a) background-image(b) background-color(c) background-colors(d) background-positionThis question was posed to me in my homework.This intriguing question originated from Backgrounds, Borders and Drop Shadow in division CSS Text, Borders and Images of CSS

Answer»

Correct ANSWER is (B) background-color

Easy EXPLANATION: SYNTAX: background-color: color | transparent

38.

Which of the following box-sizing property value is described by width and height include content, padding, and borders?(a) border-box(b) content-box(c) content-box(d) none fof the mentionedI had been asked this question in semester exam.Question is taken from CSS Box Model in chapter CSS Text, Borders and Images of CSS

Answer» RIGHT ANSWER is (a) border-box

To ELABORATE: Self-explainatory.
39.

Which of the following property sets the background image to scroll or not to scroll with its associated element’s content?(a) background-scroll(b) background-attach(c) background-attachment(d) background-allowanceThe question was asked at a job interview.The doubt is from Backgrounds, Borders and Drop Shadow topic in portion CSS Text, Borders and Images of CSS

Answer» CORRECT choice is (c) background-attachment

To explain I would SAY: SYNTAX: background-attachment: scroll | fixed | INHERIT
40.

Which of the following property sets a consistent margin on all four sides of the affected element?(a) boder(b) margin(c) padding(d) none fof the mentionedThis question was posed to me in a job interview.Query is from CSS Box Model topic in chapter CSS Text, Borders and Images of CSS

Answer»

The CORRECT ANSWER is (B) margin

To ELABORATE: Self-explainatory.

41.

Which of the following Overflow property value is described by scrollbars should be provided if the content is too big, but actual implementation is left up to the browser?(a) visible(b) scroll(c) auto(d) hiddenThe question was asked during an interview.This interesting question is from CSS Box Model in portion CSS Text, Borders and Images of CSS

Answer» RIGHT OPTION is (C) auto

The BEST I can EXPLAIN: Self-explainatory.
42.

Which of the following property controls the horizontal overflow of a block or inline block?(a) overflow-x(b) overflow(c) overflow-y(d) overflow-kThis question was addressed to me in my homework.I would like to ask this question from CSS Box Model in chapter CSS Text, Borders and Images of CSS

Answer»

The CORRECT ANSWER is (a) overflow-x

For EXPLANATION: Self-explainatory.

43.

Which of the following display property value is described by used internally by browsers to create list items. Of no practical value to web designers?(a) inline-block(b) list-item(c) group(d) noneI got this question in a national level competition.My enquiry is from CSS Box Model in chapter CSS Text, Borders and Images of CSS

Answer»

The CORRECT OPTION is (B) list-item

For explanation I WOULD say: Self-explainatory.

44.

Which of the following property defines the style for the left border of an element?(a) border-style(b) border-left-style(c) border-left-width(d) border-rightThe question was posed to me by my college professor while I was bunking the class.The query is from CSS Box Model topic in division CSS Text, Borders and Images of CSS

Answer»

The CORRECT OPTION is (B) border-left-style

Explanation: Self-explainatory.

45.

Which of the following visibility property value is described by The element is not visible, but the layout of surrounding elements is not affected?(a) visible(b) hidden(c) collapse(d) none of the mentionedI got this question during an interview for a job.My doubt stems from CSS Box Model in division CSS Text, Borders and Images of CSS

Answer» CORRECT OPTION is (B) hidden

Easy EXPLANATION: NONE.
46.

Which of the following display property value is described by treats the element as inline?(a) inline-block(b) list-item(c) block(d) inlineThis question was posed to me in an online interview.I need to ask this question from CSS Box Model in division CSS Text, Borders and Images of CSS

Answer» CORRECT CHOICE is (d) inline

To ELABORATE: Self-explainatory.
47.

Which of the following property defines the style for the bottom border of an element?(a) border-bottom-style(b) border-collapse(c) border-style-bottom(d) none of the mentionedI had been asked this question by my college director while I was bunking the class.My doubt is from CSS Box Model topic in section CSS Text, Borders and Images of CSS

Answer»

The CORRECT ANSWER is (a) border-bottom-style

To EXPLAIN I WOULD SAY: Self-explainatory.

48.

Which of the following property adds padding to the top of an element?(a) height(b) padding-height(c) top(d) padding-topI had been asked this question in an internship interview.This intriguing question comes from CSS Box Model in section CSS Text, Borders and Images of CSS

Answer» RIGHT CHOICE is (d) padding-top

To EXPLAIN: Self-explainatory.
49.

The @font-face rules assign different names to the regular and bold versions of the font.State true or false.(a) True(b) FalseThis question was posed to me in semester exam.The above asked question is from Embedding Web Fonts in division CSS Text, Borders and Images of CSS

Answer» RIGHT ANSWER is (a) True

Easy EXPLANATION: Self-explainatory.
50.

Which of the following property sets a variation of the specified or default font family?(a) fonts(b) font-style(c) font-variant(d) font-weightI got this question during a job interview.This interesting question is from Embedding Web Fonts topic in section CSS Text, Borders and Images of CSS

Answer»

The CORRECT choice is (C) font-variant

The EXPLANATION: Syntax:

font-variant: normal | small-caps.