Programming in HTML5 with JavaScript and CSS3 — Question 41

You are developing an HTML5 page that includes several paragraph elements.
You have the following requirements:
Add a drop shadow that is one inch below the text in the paragraph
Set the radius of the drop shadow to five pixels
You need to style the paragraphs to meet the requirements.
Which CSS style should you use?

Answer options

• A. text-shadow: 72pt 0pt 5pt
• B. text-shadow: 5px 1in 0px;
• C. text-shadow: 72pt 5em 0px
• D. text-shadow: 72pt 0em 5px;

Correct answer: D

Explanation

The correct answer, D, applies a drop shadow with a vertical offset of 0em and a blur radius of 5px. The other options either do not meet the requirement of having the shadow one inch below the text or have an incorrect radius setting, making them unsuitable for the specified styling.