Which CSS property adds shadows to text?

Which CSS property adds shadows to text?

• A. Box-shadow
• B. Text-shadow
• C. Font-shadow
• D. Shadow-text

Answer: (B)

Text shadow is the CSS property used to add shadows to the characters themselves. It renders one or more shadow layers behind the text glyphs, using a horizontal offset, a vertical offset, an optional blur radius, and a color. This targets the text rather than the element’s box, which is what box-shadow would affect. The other names aren’t valid CSS properties, so they won’t create any shadow. Example: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);

Text shadow is the CSS property used to add shadows to the characters themselves. It renders one or more shadow layers behind the text glyphs, using a horizontal offset, a vertical offset, an optional blur radius, and a color. This targets the text rather than the element’s box, which is what box-shadow would affect. The other names aren’t valid CSS properties, so they won’t create any shadow. Example: text-shadow: 2px 2px 4px rgba(0,0,0,0.5);