[css3-transitions] shorthand/longhand handling in transition property

The current Editor's Draft [1] defines both the following rules:

# If one of the identifiers listed is a shorthand property, implementations 
# must start transitions for any of its longhand sub-properties that are animatable, 
# using the duration, delay, and timing function at the index corresponding to the 
# shorthand. 

# If a property is specified multiple times in the value of 'transition-property' 
# (either on its own or via a shorthand that contains it), then the transition that
# starts uses the duration, delay, and timing function at the index corresponding to 
# the last occurrence of the property.

What seems undefined is whether the following results in a duplicate:

transition-property: border-width, border-right-width;
transition-duration: 3s, 1s;

In other words, should this be equivalent to (a):

transition-property: border-top-width, border-bottom-width, border-left-width, border-right-width;
transition-duration: 3s, 3s, 3s, 1s;

Or (b):

transition-property: border-top-width, border-right-width, border-bottom-width, border-left-width, border-right-width;
transition-duration: 3s, 3s, 3s, 3s, 1s;



[1] http://dev.w3.org/csswg/css3-transitions/#the-transition-property-property-

Received on Friday, 22 October 2010 22:04:59 UTC