styling-inherit-03-t

raster image of styling-inherit-03-t

Tests inheritance, animation, currentColor on solid-color. Four rectangles are displayed. After a five second animation has completed, the test is passed if all four rectangles display a solid green fill.

Note: The solid-color property is not inherited by default, but the value 'inherit' forces it to inherit the current animated value from its parent.

In the first subtest, the rectangle has a solid fill. On the solidColor element, the value of the solid-color property is 'inherit'. Its parent, a group, also has solid-color set to "inherit". The parent of this group is another group, the property solid-color is green on it.

In the second subtest, the rectangle has a solid fill. On the solidColor element, the value of the solid-color property is 'inherit'. Its parent has solid-color set to "inherit". The parent of this group is another group whose solid-color property is yellow. The solid-color property on the solidColor element is animated from yellow to green. Thus, after the animation finishes, the inherited value is green.

In the third subtest, the rectangle has a solid fill. On the solidColor element, the value of the solid-color property is 'inherit'. Its parent has solid-color set to "inherit". The parent of this group is another group whose solid-color property is yellow. The solid-color property on the outermost group is animated from yellow to green. Thus, after the animation finishes, the inherited value is green.

In the fourth subtest, the rectangle has a solid fill. On the solidColor element, the value of the solid-color property is 'currentColor'. Its parent has color set to "inherit". The parent of this group is another group whose color property is yellow. The color property on theoutermost group is animated from yellow to green. Thus, after the animation finishes, the inherited value of color, and thus the value used by currentColor, is green.