HOTSPOT
You are creating a custom style by using CSS3.
You have the following requirements to complete the style:
If the text in a line must wrap to another line, the last word must be able to break across lines.
All text must be black and have a blue shadow, such that the text appears to glow blue.
The text must look like the following:
You need to complete the CSS3 style.
How should you complete the relevant code? (To answer, select the appropriate option from each
drop-down list in the answer area.)
Answer: 
CSS-Syntax only counts for 3 numerical values: horizontal, vertical, and blur radius. If i add a forth number, no shadow at all is displayed!? So, answer 3 should be correct!
The answer is right! This is for CCS3, try adding those styles to a page, and see what happens.
The correct answers are:
text-shadow: blue 1px 1px 1px;
hypens: auto;
The correct answer is:
text-shadow:blue 1px 1px 1px;
hyphens: auto;
You can see an explanation and check it in:
http://www.w3schools.com/cssref/css3_pr_text-shadow.asp
yes your right.
The correct answer is:
text-shadow: blue 1px 1px 1px 2px;
hyphens: auto;
If you don’t place the “2px” value to the last property you aren’t getting the “glow” effect.
The answer is right.
See for yourself:
http://jsfiddle.net/6quqovfr/
MG, your link shows me the result for
p {
text-shadow: blue 1px 1px 1px;
hyphens:auto;
}
This gives the correct result, but it does not match the answer given here.
Here is another example of Microsoft using trickery in their exam questions (or at least implementing specifications to their own liking). According to the CSS3 specification, the ‘text-shadow’ property supports only 3 length values–2 for h/v offset and 1 for blur radius. The only other value supported is the shadow color.
“This [text-shadow] property accepts a comma-separated list of shadow effects to be applied to the text of the element. Values are interpreted as for ‘box-shadow’ [CSS3BG]. (But note that spread values and the ‘inset’ keyword are not allowed.)”
See http://www.w3.org/TR/css-text-decor-3/#text-shadow-property for details.
The ‘box-shadow’ property supports a 4th length value for spread radius.
See http://www.w3.org/TR/2010/WD-css3-background-20100612/box-shadow.src.html for details.
HOWEVER, it is obvious when testing these properties in JSFIDDLE using Internet Explorer 11, IE will apply the 4th length value to the ‘text-shadow’ property even though it is not valid per the specification.
According to Microsoft documentation, text-shadow in CSS3 supports a 4th length value:
The text-shadow property can specify one or more drop shadows. The components of each shadow are interpreted as follows:
•Required: The first length is the horizontal offset of the shadow. A positive value draws a shadow that is offset to the right of the box, a negative length to the left.
•Required: The second length is the vertical offset. A positive value offsets the shadow down, a negative one up.
•Optional: The third length is a blur distance. Negative values are not allowed. If the blur value is zero, the shadow’s edge is sharp. Otherwise, the larger the value, the more the shadow’s edge is blurred.
•Optional: The fourth length is a spread distance. Positive values cause the shadow shape to expand in all directions by the specified radius. Negative values cause the shadow shape to contract.
•Optional: The color is the color of the shadow.
https://msdn.microsoft.com/en-us/library/hh771872(v=vs.85).aspx
However, the provided reference link to w3.org’s CSS Text Module Level 3 states, “Features for decorating text, such as underlines, emphasis marks, and shadows, (previously part of this module) are covered in CSS Text Decoration Level 3 [CSS3-TEXT-DECOR].” I suspect this test question is based on an earlier draft of the CSS3 specification which may have indicated support for a “spread” value but was later dropped.
u r correct
http://jsfiddle.net/6quqovfr/
I have test it.
text-shadow:blue 1px 1px 1px;
hyphens: auto;
Passed 70-480 yesterday with 858 score. I was given 52 questions and 10 new questions, 90% questions were came from PassLeader 70-480 dumps(http://www.passleader.com/70-480.html), and I note that PassLeader have corrected many wrong answers in its dumps, which helped me a lot for passing!
tested answer is correct
p {
text-shadow: blue 1px 1px 1px 2px;
hyphens:auto;
}
“If you don’t place the “2px” value to the last property you aren’t getting the “glow” effect.”
The answer following is correct:
p {
text-shadow: blue 1px 1px 1px 2px;
hyphens:auto;
}
The link…
http://jsfiddle.net/6quqovfr/
has been checked in Microsoft edge replacing
p {
text-shadow: blue 1px 1px 1px ;
hyphens:auto;
}
by
p {
text-shadow: blue 1px 1px 1px 2px;
hyphens:auto;
}
This is correct
{
text-shadow: blue 1px 1px 1px 2px;
hyphens:auto;
}
checked in IE.
In chrome it only works with
{
text-shadow: blue 1px 1px 1px;
hyphens:auto;
}
I laughed at the hyphens:auto;
I can see that the answer given works in IE, but not Chrome. Note to self: many answers given will most likely work in IE, as this is Microsoft we are talking about here… 🙂
p {
text-shadow: blue 1px 1px 1px;
hyphens:auto;
}
Please try that and see the results, the provided answer is wrong!
Hello