|
Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier •
ostatnia aktualizacja kursu: 2003.06.01
|
[Start] •
[Elementy HTML] •
[Atrybuty HTML] •
[Style CSS] •
[Porady online]
[A]
[B]
[C]
[D]
[E]
[F]
[H]
[I]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[Z]
[kolory] •
[tekst] •
[czcionki] •
[rozmiary] •
[pozycje] •
[tabele] •
[listy] •
[formularze]
[struktura] •
[linki] •
[multimedia] •
[bloki] •
[obramowania] •
[tła] •
[synteza] •
[druk]
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>
• • •
Zobacz porady, skrypty, artykuły i gotowe rozwiązania dla właścicieli stron WWW!
|