CSS Quizs Question & Answers – CSS Border

Q 1. Which CSS property can be used to set the image as border instead of the border style?
A. background-image
B. border-image
C. background-image-source
D. border-image-source

Show Answer

Answer:-D. border-image-source

Explanation

The border-image-source property specifies the path to the image to be used as a border (instead of the normal border around an element).

Q 2. In how many way border-image-width CSS property can be defined?
A. 4
B. 6
C. 8
D. 9

Show Answer

Answer:-D. 9

Explanation

The border-image-width CSS property defines the offset to use for dividing the border image in nine parts, the top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge, bottom-left corner, and central right edge.

Q 3. Which of the following is not an appropriate value for border-collapse?
A. all
B. collapse
C. inherit
D. separate

Show Answer

Answer:- A. all

Explanation

Except option a, all other values can be set to border collapse CSS property.

Q 4. Which of the following specifies the distance between the borders of adjacent cells?
A. border-spacing-cell
B. border-width-spacing
C. border-spacing
D. cell-spacing

Show Answer

Answer:-C. border-spacing

Explanation

The border-spacing property sets the distance between the borders of adjacent cells (only for the “separated borders” model).

Q 5. Which of the following property defines the border-width, border-style and border-color of an element’s top border in a single declaration?
A. border
B. border-top
C. border-top-corner
D. border-top-style

Show Answer

Answer:-B. border-top

Explanation

The border-top shorthand property sets all the top border properties in one declaration.

Q 6. Which of the following CSS property border-color property sets the color of an element’s four borders?
A. border-background
B. border-background-color
C. border-color
D. all of the mentioned

Show Answer

Answer:-C. border-color

Explanation

The border-color property sets the color of an element’s four borders. This property can have from one to four values.

Q 7. Choose the CSS property that can be used for collapsing the borders between table cells?
A. border
B. collapse-border
C. border-collapse
D. border-cell

Show Answer

Answer:-C. border-collapse

Explanation

The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML.

Q 8. Which of the following CSS property defines the different properties of all four sides of an element’s border in a single declaration?
A . border-width
B. padding
C. border-collapse
D. border

Show Answer

Answer:-A border-width

Explanation

The border-width property sets the width of an element’s four borders. This property can have from one to four values.

Q 9. Identify the CSS property defining bottom-left corner shape of the border?
A. border-radius
B. border-corner-radius
C. border-bottom-left-radius
D. border-left-radius

Show Answer

Answer:-C. border-bottom-left-radius

Explanation

CSS3 border-radius property allows you can give any element “rounded corners”.

Q 10. Select the CSS property that sets the width of an element’s bottom border?
A. border-width
B. border-bottom
C. border-width-down
D. border-bottom-width

Show Answer

Answer:- D. border-bottom-width

Explanation

The border-bottom-width CSS property sets the width of the bottom border of a box.