Individual properties for text-shadow and box-shadow

We have a discussion thread going in the jQuery Dev group [1] about the CSS3
text-shadow property and how it might be used in jQuery. Because of the
proposed syntax for this attribute [2,3] it would be complex to parse in
Javascript. 

For the purposes of animation and other programmatic use, it would be very
helpful to treat text-shadow as a shorthand property, then define
text-shadow-color, text-shadow-x, text-shadow-y, and text-shadow-radius as
its subcomponents. That would be consistent with other CSS shorthand
properties such as border-right or background, where the individual
components are made available via separate CSS properties. 

I am not certain how 'inset' or 'none' might be expressed given the
individual properties, perhaps with a separate text-shadow-style property
that could also take the value 'normal'.

This would presumably affect box-shadow as well, which follows the same
pattern.

Thanks,

Dave Methvin, PCPitstop.com

[1]
http://groups.google.com/group/jquery-dev/browse_frm/thread/9af8f51d557e323a
[2] http://lists.w3.org/Archives/Public/www-style/2009Sep/0108.html
[3] http://lists.w3.org/Archives/Public/www-style/2009Mar/0047.html

Received on Friday, 20 November 2009 22:59:20 UTC