Skip to main content

Fundamentals of Front End Development MCQs with Answers

Practice important Fundamentals of Front End Development MCQs with answers and explanations.

Multiple Choice Questions

🚀 Start Quiz
Q1671: Which border-radius value syntax applies a radius of 15px to the top-left corner and 50px to the top-right and bottom-left corners?
  • A: 15px 50px
  • B: 15px 50px 30px
  • C: 15px 50px 30px 5px
  • D: 50px 15px
View Answer
B

Q1672: Fill in the blank: To apply a radius of 30px to only the bottom-right corner and 15px to the top-left and top-right corners, use border-radius: ______.
  • A: 15px 30px
  • B: 30px 15px
  • C: 15px 50px 30px
  • D: 15px 50px
View Answer
C

Q1673: What happens when you specify only one value for the border-radius property?
  • A: It applies to all four corners
  • B: It applies to the top-left corner only
  • C: It applies to the top-left and bottom-right corners
  • D: It applies to the top-right and bottom-left corners
View Answer
A

Q1674: Fill in the blank: When using border-radius: 15px 50px, the first value is applied to the ______ and bottom-right corners, while the second value is applied to the ______ and bottom-left corners.
  • A: top-left, top-right
  • B: top-left, bottom-right
  • C: top-right, bottom-left
  • D: top-right, top-left
View Answer
B

Q1675: What value is applied to the bottom-right corner in border-radius: 15px 50px 30px?
  • A: 15px
  • B: 50px
  • C: 30px
  • D: 50px 15px
View Answer
C

Q1676: Fill in the blank: If border-radius: 15px 50px 30px 5px is used, which corner has the radius of 30px?
  • A: Bottom-left
  • B: Top-right
  • C: Bottom-right
  • D: Top-left
View Answer
C

Q1677: Which of the following is NOT a valid syntax for border-radius?
  • A: 15px 50px 30px
  • B: 15px 50px 30px 5px
  • C: 15px
  • D: 15px 50px 30px 5px 10px
View Answer
D

Q1678: Fill in the blank: The border-radius property can be used to create rounded corners for an element with a specified ______.
  • A: background color
  • B: text color
  • C: font size
  • D: margin
View Answer
A

Q1679: What CSS3 property allows you to use an image as a border around an element?
  • A: border-image
  • B: border-style
  • C: border-color
  • D: border-width
View Answer
A

Q1680: Fill in the blank: The border-image property slices the image into how many sections?
  • A: Four
  • B: Six
  • C: Nine
  • D: Twelve
View Answer
C

Test Your Knowledge

Take a timed quiz on Fundamentals of Front End Development

🚀 Start Quiz Now