Which CSS3 property enables shadows around elements?

Which CSS3 property enables shadows around elements?

• A. Box-shadow
• B. Text-shadow
• C. Shadow
• D. Outline

Answer: (A)

Shadows around elements are created with the box-shadow property. It attaches a shadow to the element’s box and lets you control horizontal and vertical offsets, blur radius, optional spread, and color, giving a soft, natural shadow around the element. For example, box-shadow: 3px 4px 6px rgba(0,0,0,0.4) creates a subtle shadow that sits behind and around the element’s edges. Text-shadow, by contrast, applies a shadow to the characters themselves, not to the whole element. Outline draws a line around the element’s border without blurring or shading like a shadow, and there isn’t a separate standard shadow property named simply “shadow.” So, box-shadow is the correct tool for shadows around elements.

Shadows around elements are created with the box-shadow property. It attaches a shadow to the element’s box and lets you control horizontal and vertical offsets, blur radius, optional spread, and color, giving a soft, natural shadow around the element. For example, box-shadow: 3px 4px 6px rgba(0,0,0,0.4) creates a subtle shadow that sits behind and around the element’s edges. Text-shadow, by contrast, applies a shadow to the characters themselves, not to the whole element. Outline draws a line around the element’s border without blurring or shading like a shadow, and there isn’t a separate standard shadow property named simply “shadow.” So, box-shadow is the correct tool for shadows around elements.