Set whether text is underlined or not using the text-decoration utility.
Format: .ds-u-text-decoration--[underline|line-through|none]
An official website of the United States government
Official websites use .gov
A .gov website belongs to an official government organization in the United States.
Secure .gov websites use HTTPS
A lock or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
Set whether text is underlined or not using the text-decoration utility.
Format: .ds-u-text-decoration--[underline|line-through|none]
.ds-u-text-decoration--underline.ds-u-text-decoration--line-through.ds-u-text-decoration--noneLink text without underline<section class="example-list">
<article>
<code class="ds-margin-bottom--1">.ds-u-text-decoration--underline</code>
<div class="ds-u-text-decoration--underline">Underlined text</div>
</article>
<article>
<code class="ds-margin-bottom--1">.ds-u-text-decoration--line-through</code>
<div class="ds-u-text-decoration--line-through">line-through text</div>
</article>
<article>
<code class="ds-margin-bottom--1">.ds-u-text-decoration--none</code>
<a class="ds-u-text-decoration--none" href="#">
Link text without underline
</a>
</article>
</section>