- From: fantasai <fantasai.lists@inkedblade.net>
- Date: Tue, 19 Aug 2008 16:26:55 +0100
- To: Brad Kemper <brkemper.comcast@gmail.com>
- CC: www-style@w3.org
Brad Kemper wrote:
>
> Actually, from ease-of-use, maybe I am wrong, if you have to specify the
> entire thing to make any changes. I was actually imaging that authors
> might have access to the individual sub-values, like "box-shadow-color"
> or "box-shadow-blur-radius". That goes beyond what is in this draft
> though. If we did have that, then you could do this sort of thing:
>
> JavaScript:
> myElement.style.boxShadowCast = "inner"
>
> CSS:
> #myElement { box-shadow: 0.2em 0.2em #CCC outer }
> #myElement:hover { box-shadow-cast: inner }
>
> But that requires this to be more of a compound property (in the same
> manner as "background"). But even without that, I consider "inner" and
> "outer" to be more common and understandable words to describe these 2
> types of drop shadows than "inset". So really, if compounded
> sub-properties were off the table, then I would just prefer to see
> "inner" instead of "inset".
Ok. I'll mark that as an issue.
>> Also I'm wondering if people want to do combinations of inner and outer
>> shadows, maybe they should be separate properties so they can be set
>> independently? E.g. you might want to add an outer drop-shadow on :hover
>> without affecting any already-set inner shadows.
>
> We've discussed that before here. From a logical perspective, based on
> experience with real objects in the physical universe, an object can't
> really be hovering above a surface if it is in fact a hole cut in that
> surface. The only reason to have both at the same time is to create an
> effect that is not really a drop shadow, such as a highlight.
Right. I expect we'll see it used to that effect.
>> The syntax I've drafted
>> allows you to have both at the same time, but you have to set them
>> together.
>
> What does that look like in this syntax? Or do you mean you would add
> another keyword to add as well for "outer"?
In the current syntax you can have both like this:
box-shadow: 3px 3px, inset 3px 3px;
because the keyword is associated with each shadow, not with the entire
property.
~fantasai
Received on Tuesday, 19 August 2008 15:41:30 UTC