Full version, Basic version

Specification link: 5.6 The 'use' element

struct-symbol-01-b ← index → styling-css-01-b

# struct-use-05-b
SVG Image | PNG Image
struct-use-05-b.svg Tests external references and computed inherited values External references and computed values $Revision: 1.6 $ |

This file is intented to test the computed values in external references. Both files (referencing and referenced) define similar colors/gradients via 'color', 'linearGradient' and 'radialGradient'. The ids of those definitions are the same but the actual appearance are different. These definitions are used to test the property inheritance feature of SVG.

The top left rectangle should be filled with the blue linear gradient since the 'use' has a specified value defined in the 'defs' section. The top right rectangle is forestgreen since the 'use' has a computed value. The bottom left rectangle is also forestgreen since the fill is not inherited from the referenced element's original parent. The bottom right rectangle is filled with the orange radial gradient since the computed value is given by the CSS cascade.

struct-symbol-01-b ← index → styling-css-01-b