Source code
Revision control
Copy as Markdown
Other Tools
<style>
p{
text-decoration-skip-ink: none;
}
</style>
<p>
Here is specified the decoration style as dotted but no decoration lines,
however,
<span style="font-size: 2em;
text-decoration: underline line-through overline;
text-decoration-style: solid;">
here has solid decoration lines</span>,
and here has no decoration lines.
</p>
<p>
Here is specified the decoration style as dashed but no decoration lines,
however,
<span style="font-size: 2em;
text-decoration: underline line-through overline;
text-decoration-style: dashed;">
here has inherited decoration lines</span>,
and here has no decoration lines.
</p>
<p>
<span style="text-decoration: underline line-through overline;
text-decoration-style: dotted;">
Here has dotted decoration lines,
</span><span style="text-decoration: underline line-through overline;
text-decoration-style: dotted">
<span style="font-size: 2em;
text-decoration: underline line-through overline;
text-decoration-style: wavy;">
here has wavy decoration
lines</span></span><span style="text-decoration: underline line-through overline;
text-decoration-style: dotted;">,
and here has dotted decoration lines.</span>
</p>
<p>
<span style="text-decoration: underline line-through overline;
text-decoration-style: double;">
Here has double decoration lines,
<span style="font-size: 2em;">
here is specified as dashed decoration lines but should be
ignored</span><span style="text-decoration: underline line-through overline;
text-decoration-style: double;">,
and here has double decoration lines.</span></span>
</p>
<p>
Here is specified the decoration style as -moz-none.
</p>
<p style="text-decoration: underline line-through overline;">
Here has solid decoration lines even if its style is specified as dotted
before text-decoration.
</p>