Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<title>Reference: text-decoration-inset on SVG text fragments</title>
<style>
text {
font: 48px/1 monospace;
text-decoration-line: underline;
text-decoration-color: black;
text-decoration-thickness: 3px;
text-decoration-inset: 20px;
}
</style>
<svg width="420" height="100">
<text x="20" y="64">ABCD</text>
</svg>