<!DOCTYPE html> <html> <meta charset="utf-8"> <title>webkit-text-stroke: SVG text reference</title> <link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com"> <link rel="author" title="Mozilla" href="https://www.mozilla.org"> <body> <div style="width: 500px; height: 200px;"> <!-- set overflow to visible so that stroking near boundary won't be hidden --> <svg xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: 100%; overflow: visible;"> <text x="0" y="100" font-size="64px" fill="transparent" stroke="green" stroke-width="2px">TEXT stroke</text> </svg> </div> </body> </html>