Using External Stylesheets : Style « SVG « XML






  1. XML
  2. SVG
  3. Style

Using External 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">

<?xml-stylesheet type="text/css" href="externalStyle1.css" ?>

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



externalStyle1.svg

rect {
  stroke-width:4;
  stroke:blue;
  fill:red;
}








Related examples in the same category

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