<svg width="12cm" height="4cm" viewBox="0 0 1200 400" version="1.1">      <desc>Example textdecoration01 - behavior of 'text-decoration' property</desc>      <rect x="1" y="1" width="1198" height="398" fill="none" stroke="blue" stroke-width="2"/>      <g font-size="60" fill="blue" stroke="red" stroke-width="1">           <text x="100" y="75">Normal text</text>           <text x="100" y="165" text-decoration="line-through" fill-opacity="0" stroke-opacity="0">                <tspan text-decoration="normal" fill-opacity="1" stroke-opacity="1">Text with line-through</tspan>           </text>           <text x="100" y="165" text-decoration="line-through">                <tspan fill-opacity="0" stroke-opacity="0">Text with line-through</tspan>           </text>           <text x="100" y="255" text-decoration="underline">Underlined text</text>           <text x="100" y="345" text-decoration="underline">                <tspan>One </tspan>                <tspan fill="yellow" stroke="purple">word </tspan>                <tspan fill="yellow" stroke="black">has </tspan>                <tspan fill="yellow" stroke="darkgreen" text-decoration="underline">different </tspan>                <tspan fill="yellow" stroke="blue">underlining</tspan>           </text>      </g> </svg>

Original SVG source