Beispiel:SVG-43-stroke-width.html
Aus SELFHTML-Wiki
<!DOCTYPE html> <html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
circle {
fill: gold;
stroke: steelblue;
stroke-width: 5;
}
.rand {
stroke-width: .5;
stroke-dasharray: 2 4;
stroke: white;
fill: none;
}
#zwei {
stroke-width: 10;
}
#drei {
stroke-width: 20;
}
text { font-size: 8px; font-family: monospace; text-anchor: middle; }
</style> <title>stroke-width</title> </head> <body>
<svg viewBox="0 0 500 185"> <circle id="eins" cx="100" cy="87" r="70" /> <circle id="zwei" cx="220" cy="87" r="70" /> <circle id="drei" cx="340" cy="87" r="70" /> <circle class="rand" cx="100" cy="87" r="70" /> <circle class="rand" cx="220" cy="87" r="70" /> <circle class="rand" cx="340" cy="87" r="70" /> <text x="100" y="180">stroke-width: 5;</text> <text x="220" y="180">stroke-width: 10;</text> <text x="340" y="180">stroke-width: 20;</text> </svg>
</body> </html>
