Web.Reporter.pl Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier • ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1

[0-9]  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 
[główne menu] - [elementy HTML] - [atrybuty HTML] - [style CSS] - [artykuły]
tabelelistyformularzemultimediael. strukturalneel. blokoweel. liniowe

text-decoration

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

Wartości:

none (wartość domyślna) - CSS1 / IE3, N4, O3.5
nie zmienia wyglądu tekstu
underline - CSS1 / IE3, N4, O3.5
tekst podkreślony
overline - CSS1 / IE3, N4, O3.5
tekst nadkreślony (kreska nad tekstem)
line-through - CSS1 / IE3, N4, O3.5
tekst przekreślony
blink - CSS1 / IE4, O4
tekst migający
inherit - CSS2 / N6
przejęcie wartości "rodzica", np. text-decoration:inherit;
Pozostałe cechy:
CSS/przeglądarki: CSS1 / IE3, N4, O3.5
odpowiedniki HTML: U, S, STRIKE
Przykładowe zastosowania:

• 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>

• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!