Using SVG Embedded Stylesheets : Style « SVG « XML






Using SVG Embedded Stylesheets

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

<svg width="800" height="500">

  <style type="text/css">
    rect { stroke-width:4; stroke:blue; fill:red; }
  </style>

  <rect x="50" y="50" width="200" height="200" />
  <rect x="100" y="100" width="100" height="100" />

</svg>

 








Related examples in the same category

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