logo

Air CSS ver. 2.3.2

Text decoration

Underline and strikethrough decorations on a text are respectively used to add an emphasis or epanorthosis to all or part of it.

Mnemonics

Bases
Modifiers
Optional extensions
td = text decoration

-normal
-strike
-underline

-hvr = styled on hovering


Shorthand

It is possible to use the class name .u instead of .td-underline.

Examples

<p class="td-normal">The quick brown fox ...</p>

The quick brown fox jumps over the lazy dog. 

<p class="td-strike">The quick brown fox ...</p>

The quick brown fox jumps over the lazy dog. 

<p class="td-underline">The quick brown fox ...</p>
<p class="u">The quick brown fox ...</p>

The quick brown fox jumps over the lazy dog.

Source code

/* generate: hover-rule */
.td-normal { text-decoration: none;}
.td-strike { text-decoration: line-through; }
.td-underline { text-decoration: underline; }

.u { text-decoration: underline; }
/* end generate */