Which of the following are components of the CSS box model?

The correct answer is A. Content, Padding, Border, Margin. Option A is correct because the CSS box model consists of exactly four layers wrapping every HTML element: Content (the actual text/image area), Padding (space between content and border), Border (the edge surrounding padding), and Margin (space outside the border separating…

Advanced CSS3 Styling and Layout

Question

Options

AContent, Padding, Border, Margin
BMargin, Color, Padding, Border
CPadding, Border, Transparency, Content
DBorder, Margin, Shadow, Content

How the community answered

(27 responses)

A
93% (25)
C
4% (1)
D
4% (1)

Explanation

Option A is correct because the CSS box model consists of exactly four layers wrapping every HTML element: Content (the actual text/image area), Padding (space between content and border), Border (the edge surrounding padding), and Margin (space outside the border separating elements from each other).

B is wrong because Color is a CSS property, not a structural layer of the box model.
C is wrong because Transparency is a visual style property (related to opacity), not a box model component.
D is wrong because Shadow (box-shadow) is a decorative CSS effect, not a structural part of the model.

Memory tip: Use the acronym "C-PBM" - think "Content Packs Before Moving" - Content → Padding → Border → Margin, working outward from the inside of the box.

Topics

#CSS box model#Box layout components#Padding/Border/Margin#CSS fundamentals

Community Discussion

No community discussion yet for this question.

Full 1D0-720 Practice