Q: Which of the following property is used to draw a line around elements outside the borders?
A. line
B. padding
C. outline
D. border
Solution: Outlines do not take up space, they are drawn above the content.
Q: 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
Solution: The border property creates the inner border, while the outline sets the outer border.
Q: 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
Solution: As the property name specifies, it sets the color of the outline to the provided value.
Q: Identify the outline property that specifies the amount of area extended beyond the border box.
A. outset3d
B. inset
C. outset
D. inset3d
Solution: It specifies a 3D outset border. The effect depends on the border-color value.
Q: Which of the following value specifies a dashed outline?
A. dash
B. dashed
C. double-dash
D. all of the mentioned
Solution: The property defines a dashed border.
Q: 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
Solution: 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: Which of the following values specifies a 3D grooved outline?
A. initial
B. ridge
C. groove
D. groove3d
Solution: groove specifies a 3D grooved border. The effect depends on the border-color value.
Q: 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
Solution: The shorthand run in clockwise direction.
Q: 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
Solution: The outline-width CSS property is used to set the width of the outline of an element.
Q: Which of the following value specifies a solid outline?
A. bold
B. rock
C. solid
D. dashed
Solution: As the name suggests, a solid outline is created using this value.