Własności tekstu

Uwaga: nie wszystkie elementy stylów są akceptowane przez przeglądarki.



Odstęp pomiędzy wyrazami
Odstępy między wyrazami podajemy jednostkach miary.

Przykład:
<P style="word-spacing: 2cm"> 2 cm odstepy między wyrazami. </P>
2 cm odstepy między wyrazami



Odstep między literami
Odstępy między literami podajemy jednostkach miary.

Przykład:
<P style="letter-spacing: 4mm">4 mm odstępy między literami, akceptowane przez IE4.</P>
4 mm odstępy między literami, akceptowane przez IE4



Dekoracja tekstu
Rozróżnia się pięć rodzajów dekoracji tekstu: pozostawienie bez zmiany (none), podkreślenie (underline), nadkreślenie (overline), przekreślenie (line-throguh) i migotanie (blink).

Przykłady:
<A style="text-decoration: none" HREF="http://www.corel.com"> Odsyłacz do firmy Corel </A>
Odsyłacz do firmy Corel -[c]
Jak widać, można się w ten sposób pozbyć domyślnego podkreślenia w odsyłaczu.
<P style="text-decoration: underline"> Tak wygląda podkreślony tekst </P>
Tak wygląda podkreślony tekst
<P style="text-decoration: line-through"> Tak wygląda przekreślony tekst </P>
Tak wygląda przekreślony tekst
<P style="text-decoration: overline"> Tak wygląda nadkreślony tekst </P>
Tak wygląda nadkreślony tekst
<P style="text-decoration: blink"> Tak wygląda migoczący tekst </P>
Tak wygląda migoczący tekst NC4



Wyrównywanie pionowe
Możemy użyć dziewięciu rodzajów wyrównania elementów w wierszu: linia bazowa (baseline), subskrypt (sub), superskrypt (super), top, text-top, middle, bottom, text-bottom, procent. Zaleca się stosowanie go zwłaszcza do wyrównywania tekstu w stosunku do np. grafiki. Polecenie ma postać:
vertical-align: parametr

Przykłady:
Internet Explorer 4 Preview 2 interpretuje kilka poleceń:
Baseline
  
Top
  
Middle
  
Bottom
  
Text-top
  
Text-bottom
 


Transformacja tekstu
Możliwa są cztery rodzaje transformacji tekstu: pozostawienie bez zmiany (none), zamiana pierwszych liter wyrazów na wielkie (capitalize), zamiana wszystkich liter na wielkie (uppercase) i zamiana wszystkich liter na małe (lowercase) - realizuje je IE4.

Przykłady:
<P style="text-transform: none"> Zwykły akapit </P>
Zwykły akapit
<P style="text-transform: caitalize"> Poddajemy go transformacji </P>
Zwykły akapit. Poddajemu go transformacji
<P style="text-transform: uppercase"> Zwykły akapit. Poddajemy go transformacji </P>
Zwykły akapit. Poddajemy go transformacji
<P style="text-transform: lowercase"> Zwykły akapit. Poddajemy go transformacji </P>
Zwykły akapit. Poddajemy go transformacji



Wyrównywanie tekstu
Tekst w bloku możemy wyrównywać za pomocą czterech sposobów: do lewego marginesu (left), do prawego marginesu (right), do środka (center) i do obu marginesów jednocześnie).

Przykłady:
<P style="text-align: right"> Treść </P>
To jest przykładowy akapit wyrównany do prawego marginesu. To jest przykładowy akapit wyrównany do prawego marginesu. To jest przykładowy akapit wyrównany do prawego marginesu. To jest przykładowy akapit wyrównany do prawego marginesu. To jest przykładowy akapit wyrównany do prawego marginesu.
<P style="text-align: left"> Treść </P>
To jest przykładowy akapit wyrównany do lewego marginesu. To jest przykładowy akapit wyrównany do lewego marginesu. To jest przykładowy akapit wyrównany do lewego marginesu. To jest przykładowy akapit wyrównany do lewego marginesu. To jest przykładowy akapit wyrównany do lewego marginesu.
<P style="text-align: center"> Treść </P>
To jest przykładowy akapit, który środkujemy w stosunku do obu marginesów. To jest przykładowy akapit, który środkujemy w stosunku do obu marginesów. To jest przykładowy akapit, który środkujemy w stosunku do obu marginesów. To jest przykładowy akapit, który środkujemy w stosunku do obu marginesów. To jest przykładowy akapit, który środkujemy w stosunku do obu marginesów.
<P style="text-align: justify"> Treść </P>
To jest przykładowy akapit, który powinien być wyrównany w stosunku do obu marginesów, jak w edytorach tekstów - prawy brzeg akapitu powinien być równy, a nie postrzępiony. To jest przykładowy akapit, który powinien być wyrównany w stosunku do obu marginesów, jak w edytorach tekstów - prawy brzeg akapitu powinien być równy, a nie postrzępiony.



Wcięcie tekstu
Wcięcie tekstu odnosi się do bloków tekstu i oznacza odstęp pierwszego wiersza bloku od lewego marginesu strony.

Przykłady:
<P style="text-indent: 2cm"> Treść akapitu </P>
To jest akapit, w którym pierwszy wiersz jest odsunięty od lewego marginesu o 2 cm , natomiast drugi wiersz i każdy następny rozpoczyna się już dokładnie od lewego marginesu.
<OL style="text-indent: 20%"> Treść wykazu </P>

Pierwszy punkt odsunięty o 20% od lewego marginesu
Drugi punkt
Trzeci punkt




Odstęp między wierszami
Style pozwalają regulować odstępy między liniami bazowymi elementów, np wierszy akapitu. Możemy podać wielkość absolutną, np. w centymetrach, albo względną, w procentach. 200% oznacza podwojenie odstępu, 50% - zmniejszenie o połowę.

Przykłady:
<P style="line-height: 1cm"> Treść akapitu </P>
To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm. To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm. To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm. To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm. To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm. To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm. To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm. To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm.
<P style="line-height: 50%"> Treść akapitu </P>
To jest akapit, w którym wiersze są odsunięte od siebie o 50%. To jest akapit, w którym wiersze są odsunięte od siebie o 50%. To jest akapit, w którym wiersze są odsunięte od siebie o 50%. To jest akapit, w którym wiersze są odsunięte od siebie o 50%. To jest akapit, w którym wiersze są odsunięte od siebie o 50%. To jest akapit, w którym wiersze są odsunięte od siebie o 50%. To jest akapit, w którym wiersze są odsunięte od siebie o 50%. To jest akapit, w którym wiersze są odsunięte od siebie o 50%.