Full version, Basic version, Tiny version

Specification link: 11.3 Fill Properties

painting-fill-03-t ← index → painting-stroke-01-t

# painting-fill-04-t
SVG Image | PNG Image

This tests inheritance of three properties: "fill", "stroke" and "stroke-width". There is a "g" element (id="G1") which sets fill="blue", stroke="red", and stroke-width="5". The first two rectangles on top should inherit all those properties. The middle left rectangle has fill="yellow" and stroke-width="2", it should inherit the stroke="red" from the parent container. The middle rectangle on the right has stroke="yellow", it should inherit fill and stroke-width from the parent "g". The bottom two rectangles are in another "g" element (id="G2") which is a child of "G1". "G2" sets fill="yellow". It should inherit the stroke and stroke width from the parent "G1". The two bottom rectangles set no fill or stroke properties, they should inherit through the parents, stroke="red" and stroke-width="5".

The rendered picture should match the reference image, except for possible variations in the labeling text (per CSS2 rules).

The test uses the "rect" element, as well as basic fill (solid primary colors), stroke (black 1-pixel lines), font-family (Arial) and font-size properties.

painting-fill-03-t ← index → painting-stroke-01-t

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.