Exam 70-480 All Questions

View all questions & answers for the 70-480 exam

Exam 70-480 topic 1 question 30 discussion

Actual exam question from Microsoft's 70-480

Question #: 30
Topic #: 1

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 1in 0px;
C. text-shadow: 72pt 5em 0px
D. text-shadow: 72pt 0em 5px;

Show Suggested Answer

Suggested Answer: D 🗳️
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: <x-offset> <y-offset> <blur-radius> <color>; }
<x-offset> +n right -n left
<y-offset> +n bottom -n top
1 inch below means <y-ffset> is 1in or 72 pt

Hence actually answer must be -
0px, 1in, 5px
or
0px, 72pt, 5px

by rosdra at Feb. 4, 2020, 9:21 p.m.

Comments

Submit Cancel

Pocokos

4 years, 6 months ago

As much as B actually puts it 1 inch below it doesn't mean it's creating a shadow as it says in the question hence why D is most correct

upvoted 1 times

...

dr_0verboost

4 years, 8 months ago

B is the correct answer...as drop shadow needs to be set to 1inch

upvoted 2 times

...

Anette

4 years, 9 months ago

B is correct

upvoted 2 times

...

pn_32

4 years, 10 months ago

I think is B bcoz in question ask Add a drop shadow that is one inch below the text in the paragraph

upvoted 1 times

...

RCNitesh

4 years, 10 months ago

Correct Answer is B, Check here: http://jsfiddle.net/4v4yu/10/

upvoted 2 times

rvries

4 years, 4 months ago

The jsfiddle is wrong. You added a . for the 1in. Remove it and see what happens :)

upvoted 1 times

...

Sanfour

5 years ago

B is correct

upvoted 2 times

krzysiekprzybylak

4 years, 11 months ago

Nothing is correct here as 'rosdra' said correct is: text-shadow:0px 1in 5px

upvoted 2 times

...

lifetocode

5 years, 2 months ago

On answer, choosed D because it is most correct. But i didn't realize that what is the difference between A and D. Both of them use same parameter order with different type. So both of the rendered version will be same

upvoted 1 times

...

rosdra

5 years, 4 months ago

I think no answer is correct, to set shadow 1 in BELOW the text it should be something like text-shadow: 0px 1in 5px; as the definition is: text-shadow: h-shadow v-shadow blur-radius color|none|initial|inherit; Ref.: https://www.w3schools.com/cssref/css3_pr_text-shadow.asp

upvoted 2 times

...