Which CSS3 property is used to create rounded borders?

The correct answer is A. border-radius. border-radius is the CSS3 property that rounds the corners of an element's border box - you can set it in pixels, percentages, or other length units (e.g., border-radius: 8px). Why the distractors are wrong: B. border-style controls the line style (solid, dashed, dotted, etc.)…

Advanced CSS3 Styling and Layout

Question

Options

Aborder-radius
Bborder-style
Cborder-curve
Dborder-edge

How the community answered

(20 responses)

A
90% (18)
B
5% (1)
C
5% (1)

Explanation

border-radius is the CSS3 property that rounds the corners of an element's border box - you can set it in pixels, percentages, or other length units (e.g., border-radius: 8px).

Why the distractors are wrong:

B. border-style controls the line style (solid, dashed, dotted, etc.) - not corner shape.
C. border-curve does not exist in CSS.
D. border-edge also does not exist in CSS.

Memory tip: Think of a physical border wall with radius like a circular arc - a larger radius = a more curved corner, just like in geometry. If you can picture a circle's radius smoothing out a sharp corner, border-radius is unforgettable.

Topics

#CSS3 Properties#border-radius#rounded corners#Styling

Community Discussion

No community discussion yet for this question.

Full 1D0-720 Practice