Why does my polyline tag in SVG not accept style set inside defs tag but does in normal CSS?
Here is my code:
<html>
<body>
<style>
.trapezoid2 { fill:beige;stroke:forestgreen;stroke-width:2; }
</style>
<center> <!-- I routinely use the center tag for older browsers. -->
<svg height="400" width="800" style="border:5px double blue;background-color:tan;margin:0 auto;" >
<defs>
<polygon id="trapezoid1" style="fill:tan;stroke:blue;stroke-width:4;" />
</defs>
<use xlink:href="#trapezoid1" points="100,200 150,100 350,100 400,200" />
<polygon id=".trapezoid2" points="400,300 450,200 650,200 700,300" style="fill:beige;stroke:forestgreen;stroke-width:2;" />
</svg>
</center>
</body>
</html>
The second trapezoid shows up but not the first.
Thanks,
PHPremote aka Patrick
w3forum_polyline_defJune3.html