Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Chapter: 39
Q441:
Which CSS property is required when using the border-width property?
A. border-radius
B. border-color
C. border-style
D. border-shadow
Correct Answer:
C
Chapter: 39
Q442:
Fill in the blank: The border-color property can be specified using color names, RGB values, Hex values, or ________.
A. CMYK values
B. Transparent
C. HSL values
D. Opacity
Correct Answer:
B
Chapter: 39
Q443:
What is the correct syntax to set a red solid border with 5px width around a paragraph in CSS?
A. p {border: 5px red solid;}
B. p {border: 5px solid red;}
C. p {border: solid 5px red;}
D. p {border: red 5px solid;}
Correct Answer:
B
Chapter: 39
Q444:
How can you specify different border styles for different sides of a paragraph?
A. p {border: dotted solid dashed double;}
B. p {border-style: dotted solid dashed double;}
C. p {border-sides: dotted solid dashed double;}
D. p {border-all: dotted solid dashed double;}
Correct Answer:
B
Chapter: 39
Q445:
Fill in the blank: The border property in CSS is a ________ property that combines several border-related properties into one.
A. shorthand
B. composite
C. longhand
D. extended
Correct Answer:
A
Chapter: 39
Q446:
Which CSS property is used to draw a line around elements, outside the borders?
A. margin
B. padding
C. outline
D. border-outline
Correct Answer:
C
Chapter: 39
Q447:
What is the correct way to specify a green dotted thick outline around a paragraph in CSS?
A. p {outline: thick dotted green;}
B. p {outline: green thick dotted;}
C. p {outline: dotted thick green;}
D. p {outline: green dotted thick;}
Correct Answer:
D
Chapter: 39
Q448:
How would you set an outline style to double around a paragraph?
A. p {outline: 2px double;}
B. p {outline-style: double;}
C. p {border-style: double;}
D. p {border-outline: double;}
Correct Answer:
B
Chapter: 39
Q449:
Which of the following is NOT a valid value for the outline-style property?
A. dotted
B. dashed
C. solid
D. thin
Correct Answer:
D
Chapter: 39
Q450:
Fill in the blank: To specify the border width, style, and color in one line, use the ________ property in CSS.
A. border-shorthand
B. border-outline
C. border
D. border-format
Correct Answer:
C
Chapter: 39
Q451:
Which of the following is a correct example of setting both border and outline for a paragraph?
A. p {border: 1px solid red; outline: green dashed thin;}
B. p {border: 1px red solid; outline: thin dashed green;}
C. p {border: 1px solid red; outline: thin green dashed;}
D. p {border: red solid 1px; outline: dashed thin green;}
Correct Answer:
A
Chapter: 39
Q452:
How can you remove the border from all sides of a paragraph except the top in CSS?
A. p {border: none; border-top: 1px solid black;}
B. p {border-top: 1px solid black;}
C. p {border: none; border-top: solid 1px black;}
D. p {border-top: black 1px solid;}
Correct Answer:
A
Chapter: 40
Q453:
What does the CSS margin property define?
A. The space inside an element's border
B. The space around an element
C. The space between elements
D. The space inside an element's padding
Correct Answer:
B
Chapter: 40
Q454:
Fill in the blank: The margin property can have up to ________ values to specify the margins on all sides of an element.
A. 2
B. 3
C. 4
D. 5
Correct Answer:
C
Chapter: 40
Q455:
Which CSS property is used to define the space between the content of an element and its border?
A. margin
B. padding
C. border-spacing
D. spacing
Correct Answer:
B
Chapter: 40
Q456:
Which of the following is a valid shorthand property for setting all margins of an element at once?
A. margin: auto;
B. margin: 10px;
C. margin: 10px 20px;
D. All of the above
Correct Answer:
D
Chapter: 40
Q457:
What happens when you use margin: auto; in CSS?
A. The browser calculates the margin automatically
B. The margin is set to 0px
C. The margin is inherited from the parent element
D. The margin is set to 100%
Correct Answer:
A
Chapter: 40
Q458:
How do you specify a margin of 25px for the top and bottom, and 50px for the right and left in shorthand?
A. margin: 25px 50px;
B. margin: 25px 50px 25px 50px;
C. margin: 50px 25px;
D. margin: 25px 25px 50px 50px;
Correct Answer:
A
Chapter: 40
Q459:
Fill in the blank: The padding property in CSS defines the space between the content of an element and its ________.
A. margin
B. border
C. width
D. background
Correct Answer:
B
Chapter: 40
Q460:
Which of the following is an example of setting different padding for all four sides of an element in shorthand?
A. padding: 25px 50px 75px 100px;
B. padding: 50px 25px 100px 75px;
C. padding: 25px 25px 50px 75px;
D. padding: 100px 75px 50px 25px;
Correct Answer:
A