CSS Quizs Question & Answers – CSS Outline

Q 1. Identify the outline property that specifies the amount of area extended beyond the border box.
A. outset3d
B. inset
C. outset
D. inset3d

Show Answer

Answer:-C. outset

Explanation

It specifies a 3D outset border. The effect depends on the border-color value.

Q 2. Which of the following value specifies a dashed outline?
A. dash
B. dashed
C. double-dash
D. all of the mentioned

Show Answer

Answer:-B. dashed

Explanation

The property defines a dashed border.

Q 3. Which of the following property specifies the look and design of an outline?
A. outline-font
B. outline-style
C. outline-format
D. none of the mentioned

Show Answer

Answer:-B. outline-style

Explanation

The outline-style CSS property is used to set the style of the outline of an element. An outline is a line that is drawn around elements, outside the border edge, to make the element stand out.

Q 4. Which of the following values specifies a 3D grooved outline?
A. initial
B. ridge
C. groove
D. groove3d

Show Answer

Answer:-C. groove

Explanation

groove specifies a 3D grooved border. The effect depends on the border-color value.

Q 5. Select the output of the following CSS.

div {

border-width:5px;

border-style:dotted solid double dashed;

}

A. Box having dotted top outline, solid right outline, double bottom outline and dashed left outline
B. Box having dotted top outline, solid left outline, double bottom outline and dashed right outline
C. Box having dotted bottom outline, solid right outline, double top outline and dashed left outline
D. Box having dotted bottom outline, solid left outline, double top outline and dashed left outline

Show Answer

Answer:-A. Box having dotted top outline, solid right outline, double bottom outline and dashed left outline

Explanation

The shorthand run in clockwise direction.

Q 6. Which of the following specifies the width of an outline?
A. outline-size
B. outline-width
C. outline-height
D. both outline-size and outline-width

Show Answer

Answer:-B. outline-width

Explanation

The outline-width CSS property is used to set the width of the outline of an element.

Q 7. Which of the following value specifies a solid outline?
A. bold
B. rock
C. solid
D. dashed

Show Answer

Answer:-C. solid

Explanation

As the name suggests, a solid outline is created using this value.

Q 8. Which of the following property specifies the color of an outline?
A. color-outline
B. outline-color
C. outline-style-color
D. none of the mentioned

Show Answer

Answer:-B. outline-color

Explanation

As the property name specifies, it sets the color of the outline to the provided value.

Q 9. Which of the following property is used to draw a line around elements outside the borders?
A. line
B. padding
C. outline
D. border

Show Answer

Answer:-C. outline

Explanation

Outlines do not take up space, they are drawn above the content.

Q 10. Choose the option that correctly specifies the output of the following CSS.

span {

border: 1px solid red;

outline: green dotted thick;

}

A. All span elements will have a red border and a green dotted outline
B. All span elements will have a green thick border and a red outline
C. All span elements will have an outer red border and inner green dotted border
D. All span elements will have a outer green dotted border and an inner red border

Show Answer

Answer:-D. All span elements will have a outer green dotted border and an inner red border

Explanation

The border property creates the inner border, while the outline sets the outer border.