Full version, Basic version

Specification link: 6.15 Property inheritance

styling-css-06-b ← index → text-align-01-b

# styling-inherit-01-b
SVG Image | PNG Image
styling-inherit-01-b Verify property inheritance $Revision: 1.2 $ |

Verify property inheritance as required by 6.15 "Property inheritance". Since all implementations are required to do this, only presentation attributes are used.

At the center right, there is an ellipse. The fill color is not specified on that element but on its parent. The ellipse should be filled a solid yellow

At the top left, an oval shape is formed from a rectangle with a radial gradient. The color of the middle stop uses the keyword 'inherit' and thus takes its parent's value of green, giving a yellow, green, white gradient.

At the bottom left, an oval shape is formed from a rectangle with a radial gradient. The color of the middle stop uses the value 'currentColor' and thus takes the value its parent's color property, a dark red, giving a yellow, dark red, white gradient.

styling-css-06-b ← index → text-align-01-b