Inheriting a SVG style Attribute : Style « SVG « XML






Inheriting a SVG style Attribute

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg width="100%" height="100%"
     xmlns="http://www.w3.org/2000/svg">

  <g>
    <g style="fill:red;stroke:blue;stroke-width:4;">
      <rect x="100" y="50"
            width="200" height="100"/>

      <rect x="350" y="50"
            stroke-dasharray="4 4 4 4"
            width="200" height="100"/>
   </g>
  </g>
</svg>

 








Related examples in the same category

1.Using style
2.Using SVG Embedded Stylesheets
3.Using External Stylesheets
4.use style to fill red to a rectangle