Styl definiuje wygląd tekstu. Można stosować kilka wartości jednocześnie.

WARTOŚCI

• none - CSS: 2.1, 2.0, 1.0

nie zmienia wyglądu tekstu, wartość domyślna

• underline - CSS: 2.1, 2.0, 1.0

tekst podkreślony

• overline - CSS: 2.1, 2.0, 1.0

tekst nadkreślony (kreska nad tekstem)

• line-through - CSS: 2.1, 2.0, 1.0

tekst przekreślony

• blink - CSS: 2.1, 2.0, 1.0

tekst migający

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. text-decoration: inherit;

Przykład 1:

<p style="text-decoration: underline;">
podkreślony fragment tekstu
</p>

Przykład 2:

<p style="text-decoration: line-through;">
przekreślony fragment tekstu
</p>

Przykład 3:

<p style="text-decoration: overline;">
nadkreślony fragment tekstu
</p>

Przykład 4:

<p style="text-decoration: blink;">
migający fragment tekstu
</p>

Przykład 5:

<p style="text-decoration: blink overline underline line-through;">
wszystko w jednym fragmencie tekstu
</p>


Przykład 6:

<style type="text/css"><!--
a:hover { text-decoration: overline; }
p.zly { text-decoration: line-through; }
.uwaga { text-decoration: blink; }
--></style>