Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]

text-decoration

OPIS

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;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: nie
• odpowiedniki HTML: u, s, strike

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

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

podkreślony fragment tekstu

• Przykład 2:

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

przekreślony fragment tekstu

• Przykład 3:

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

nadkreślony fragment tekstu

• Przykład 4:

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

migający fragment tekstu

• Przykład 5:

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

wszystko w jednym fragmencie tekstu

• Przykład 6:

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