<html>
<head>
<style>
#test {
marker-mid: url(#circle);
}
</style>
</head>
<body>
<h1>The marker-mid Property</h1>
<svg height="250" width="350" xmlns="http://www.w3.org/2000/svg">
<defs>
<marker id="circle" markerWidth="8" markerHeight="8" refX="5" refY="5">
<circle cx="5" cy="5" r="2" fill="black" />
</marker>
</defs>
<polyline id="test" points="35,40 35,170 200,170" stroke="red" stroke-width="3" fill="none" />
Sorry, your browser does not support inline SVG.
</svg>
</body>
</html>