[css3-text] text-shadow to accept foreground color

Hi,

One of the problems with text-shadow is with glow effect where text 
color and background are same:

span.glow {
     background: white;
     color: white;
     text-shadow: black 0px 0px 5px;
}

When UA doesn't support text-shadow, the text is not visible. Possible 
solution is to have optional text color as first item in text-shadow list:

none | [<color>, ]? [<shadow>, ] * <shadow>

<color> can't be mistaken with <shadow>.

The above example will look like (with fallback to black text color):

span.glow {
     background: white;
     color: black;
     text-shadow: white, black 0px 0px 5px;
}

In addition to change in "Value:", I propose the following text to 
replace the first sentence:

"This property accepts a comma-separated list of shadow effects to be 
applied to the text of the element."

with

"This property accepts a comma-separated list of shadow effects to be 
applied to the text of the element, optionally preceded by <color>. If 
<color> is specified, it is used as foreground color overriding what is 
specified with 'color' property."

Regards,
Ognyan Kulev

Received on Wednesday, 7 November 2007 10:05:50 UTC