Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Multiple Choice Questions
Q1681: What does the border-image property do with the middle sections of the image if the value is set to repeat?
- A: Stretches the middle sections
- B: Repeats the middle sections
- C: Hides the middle sections
- D: Colors the middle sections
View Answer
B
Q1682: Fill in the blank: To use an image as a border and repeat the middle sections, you would use border-image: url(border.png) 30 ______;
- A: round
- B: stretch
- C: repeat
- D: auto
View Answer
A
Q1683: Which value specifies how the middle sections of the border image should be treated?
- A: slice
- B: repeat
- C: stretch
- D: color
View Answer
C
Q1684: In the example border-image: url(border.png) 30% round;, what is the size of the border slices?
- A: 30 pixels
- B: 30% of the image
- C: 30% of the element's width
- D: 30% of the element's height
View Answer
B
Q1685: Fill in the blank: To slice the image into sections and stretch the middle parts, use border-image: url(border.png) 30 ______;
- A: repeat
- B: auto
- C: round
- D: stretch
View Answer
D
Q1686: What happens if you set border-image: url(border.png) 20% round;?
- A: The image is sliced into 20% sections and the middle sections are rounded
- B: The image is sliced into 20% sections and the middle sections are repeated
- C: The image is sliced into 20% sections and the middle sections are stretched
- D: The image is sliced into 20% sections and the corners are rounded
View Answer
B
Q1687: Fill in the blank: The border-image property takes the image and places the corners at the ______, while the middle sections are handled according to the specified value.
- A: center
- B: edges
- C: corners
- D: sides
View Answer
C
Q1688: What is the effect of using border-image: url(border.png) 50 round;?
- A: The middle sections of the image are stretched
- B: The image slices are 50 pixels wide and the middle sections are rounded
- C: The image slices are 50% of the width and the middle sections are rounded
- D: The image slices are 50% of the height and the middle sections are rounded
View Answer
B
Q1689: Fill in the blank: The border-image property requires the border property to be set to ______.
- A: transparent
- B: solid
- C: dotted
- D: dashed
View Answer
B
Q1690: What CSS3 property allows you to specify the size of background images?
- A: background-origin
- B: background-size
- C: background-clip
- D: background-repeat
View Answer
B