Re: [WSG] text-shadow: no-shadow ?

[tee]

Russ,
Thank you so much! I had no idea and didn't pay attention to the spec I 
visited. Just see it, it's "Candidate Recommendation". 2003 was the year I 
first started learning CSS, fate must had brought me to that the page of that 
year :-)

And "text-shadow: 0 0 0 transparent;" does work. I must have mis-typed 
'transparent' before my original post as I tested it twice and couldn't see  
the result.

tee
On Jan 18, 2010, at 7:12 PM, Russ Weakley wrote:

> Tee,
> 
> First of all, the spec you link to is a little out of date (2003).
> 
> This page defines the current work on CSS:
> 
> 
> The most relevant spec on "CSS3 Text" according the the "current work" list 
> is:
> 
> 
> The relevant section is:
> 
> 
> Text-shadow is defined with: "Inherited: yes"
> 
> Secondly, you can turn off the text shadow for "hover as you mentioned in 
> your previous email by setting the :hover using zero offset (0 ,0), zero blur 
> radius (0) and "transparent" color (transparent):
> 
> p a
> {
>   color: blue;
>   text-shadow: 2px 2px 2px #000;
> }
> 
> p a:hover
> {
>   color: red;
>   text-shadow: 0 0 0 transparent;
> }
> 
> Theoretically (if you wanted to save a couple of characters), if you wanted 
> to turn the text-shadow off for the :hover, you only need to specify 
> "text-shadow: 0 0;" as the blur radius and colour values are optional. From 
> what I can tell, this would apply the shadow directly under the text (no 
> offset), without any blur, in the colour defined by individual browsers. So 
> it would, in theory, be invisible  :)
> 
> Thanks
> Russ
> 
> 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] text-shadow: no-shadow ?

[Russ Weakley]

Tee,

First of all, the spec you link to is a little out of date (2003).

This page defines the current work on CSS:


The most relevant spec on "CSS3 Text" according the the "current work"  
list is:



The relevant section is:


Text-shadow is defined with: "Inherited: yes"

Secondly, you can turn off the text shadow for "hover as you mentioned  
in your previous email by setting the :hover using zero offset (0 ,0),  
zero blur radius (0) and "transparent" color (transparent):


p a
{
color: blue;
text-shadow: 2px 2px 2px #000;
}

p a:hover
{
color: red;
text-shadow: 0 0 0 transparent;
}

Theoretically (if you wanted to save a couple of characters), if you  
wanted to turn the text-shadow off for the :hover, you only need to  
specify "text-shadow: 0 0;" as the blur radius and colour values are  
optional. From what I can tell, this would apply the shadow directly  
under the text (no offset), without any blur, in the colour defined by  
individual browsers. So it would, in theory, be invisible  :)


Thanks
Russ




On Tue, Jan 19, 2010 at 12:49 PM, tee  wrote:
I declared text-shadow in an a element

#element li a {text-shadow: 2px 2px 2px #000;}

but in hover and descendent I would like to disable it. Couldn't  
find any info regarding this.



#element li li a,
#element Text-shadowa:hover
 {text-shadow: no-shadow }???
{text-shadow: 0 0 0 transparent;} <-- since we can have  
transparent, I thought it may work. Silly me!


According to w3, the choice is quite limited.
http://www.w3.org/TR/2003/CR-css3-text-20030514/#text-shadows
 itself is defined as "[   ?  
|   ? ?]".






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

RE: [WSG] text-shadow: no-shadow ?

[Thierry Koblentz]

> According to spec, it has no inheritence but it does in both browsers.
>
> I changed it to li instead of li a, the screen shot taken is from li.
> #element li{ text-shadow: 2px 2px 2px #000;}
>
> http://picasaweb.google.com/weblist99/UntitledAlbum


Hi Tee,

Inheritance does not come into play here. 
Using #element li a {} you're actually styling all As in the LI, inside its
children, grand-children, etc..



--
Regards,
Thierry | www.tjkdesign.com






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] text-shadow: no-shadow ?

[tee]

 
On Jan 18, 2010, at 5:58 PM, needled wrote:

> Might be a stupid question, but are you testing with a browser that supports 
> the text-shadow feature?
> 

Yes,. Check it from FF latest and Safari 4+.

According to spec, it has no inheritence but it does in both browsers.

I changed it to li instead of li a, the screen shot taken is from li.
 #element li{ text-shadow: 2px 2px 2px #000;}

http://picasaweb.google.com/weblist99/UntitledAlbum
tee



> On Tue, Jan 19, 2010 at 12:49 PM, tee  wrote:
> I declared text-shadow in an a element
> 
> #element li a {text-shadow: 2px 2px 2px #000;}
> 
> but in hover and descendent I would like to disable it. Couldn't find any 
> info regarding this.
> 
> 
> #element li li a,
> #element Text-shadowa:hover
>  {text-shadow: no-shadow }???
> {text-shadow: 0 0 0 transparent;} <-- since we can have transparent, I 
> thought it may work. Silly me!
> 
> According to w3, the choice is quite limited.
> http://www.w3.org/TR/2003/CR-css3-text-20030514/#text-shadows
>  itself is defined as "[   ? | 
>   ? ?]".
> 



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] text-shadow: no-shadow ?

[nedlud]

Might be a stupid question, but are you testing with a browser that supports
the text-shadow feature?

On Tue, Jan 19, 2010 at 12:49 PM, tee  wrote:

> I declared text-shadow in an a element
>
> #element li a {text-shadow: 2px 2px 2px #000;}
>
> but in hover and descendent I would like to disable it. Couldn't find any
> info regarding this.
>
>
> #element li li a,
> #element Text-shadowa:hover
>  {text-shadow: no-shadow }???
> {text-shadow: 0 0 0 transparent;} <-- since we can have transparent, I
> thought it may work. Silly me!
>
> According to w3, the choice is quite limited.
> http://www.w3.org/TR/2003/CR-css3-text-20030514/#text-shadows
>  itself is defined as "[   ? |
>   ? ?]".
>
> tee
>
>
>
>
> ***
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> ***
>
>


-- 

Sent from Melbourne, Victoria, Australia


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***