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?
A.
Text-shadow: 72pt 0pt 5pt
B.
Text-shadow: 5px lin 0px;
C.
Text-shadow: 72pt 0em 5px;
D.
Text-shadow: 100px 0px 5px;
Explanation:
We set the second argument (vertical) to one inch (1in).
Note
Syntax
text-shadow: h-shadow v-shadow blur color;
Note: The text-shadow property attaches one or more shadows to text. The property is a
comma-separated list of shadows, each specified by 2 or 3 length values and an optional
color. Omitted lengths are 0.
* h-shadow
Required. The position of the horizontal shadow. Negative values are allowed
* v-shadow
Required. The position of the vertical shadow. Negative values are allowed
* blur
Optional. The blur distance
* color
Optional. The color of the shadow.
The answer is not correct. It should be 0px 1in 5px and not reversed. The parameters are text-shadow: horizontal-shadow vertical-shadow blur-radius color|none|initial|inherit;
1
0
+1
0
0
Explanation/Reference:
We set the second argument (vertical) to one inch (1in).
Note
Syntax
text-shadow: h-shadow v-shadow blur color;
Note: The text-shadow property attaches one or more shadows to text. The property is a comma-separated list
of shadows, each specified by 2 or 3 length values and an optional color. Omitted lengths are 0.
* h-shadow
Required. The position of the horizontal shadow. Negative values are allowed
* v-shadow
Required. The position of the vertical shadow. Negative values are allowed
* blur
Optional. The blur distance
* color
Optional. The color of the shadow.
0
0
Explanation/Reference:
D is the most correct.
Reference: CSS Text Module Level 3
http://www.w3.org/TR/css3-text/#text-shadow
Note:
All options are incorrect nearest correct answers are B or D.
#obj {text-shadow: ; }
+n right -n left
+n bottom -n top
1 inch below means is 1in or 72 pt
Hence actually answer must be
0px, 1in, 5px
or
0px, 72pt, 5px
0
0
Fuck all this. B contains an error (radius 0px) and D contains also an error (Vshadow 0px), so which of the wrong answers are you going to pick!? Wrong answer B or wrong answer D?
0
0