Which CSS3 property can be used to create rounded corners on an image or other element?

• A. border-radius
• B. box-shadow
• C. border-collapse
• D. text-decoration

Answer: (A)

Rounded corners are created with the border-radius property. This rule lets you define how rounded the corners of any element are, including images. A simple value like border-radius: 12px rounds all corners by 12 pixels. You can tailor each corner separately using the specific corner properties, or use a shorthand with four values to set different radii clockwise. For circular or pill shapes, border-radius: 50% makes the corners meet in a circle if the element is square, or an ellipse if it isn’t. This is a standard CSS3 feature and works on images as well as other elements. Other properties don’t alter shape in the same way: box-shadow adds a shadow, border-collapse is for tables, and text-decoration affects underlines and similar decorations.