Uwaga: nie wszystkie elementy stylów są akceptowane przez przeglądarki, w których rozpoczęto implementację stylów. Communicator może błędnie pozycjonować niektóre elementy, zwłaszcza grafikę.
Odstępy między wyrazami podajemy jednostkach miary. Na przykład:
<p style="word-spacing: 1cm">1-centymetrowe odstępy między wyrazami.</p>
1-centymetrowe odstępy między wyrazami.
Na razie nie akceptuje ich żadna przeglądarka
Odstępy między literami podajemy jednostkach miary. Na przykład:
<p style="letter-spacing: 2mm">2-milimetrowe odstępy między literami.</p>
2-milimetrowe odstępy między literami, akceptowane przez IE4.
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)
. <a style="text-decoration: none" href="http://www.corel.com">To jest odsyłacz do firmy Corel.</a>To jest odsyłacz do firmy Corel.
Jak widać, można się w ten sposób pozbyć domyślnego podkreślenia w odsyłaczu.
<p style="text-decoration: underline">To jest podkreślenie tekstu.</p>
To jest podkreślenie tekstu.
<p style="text-decoration: overline">To jest nadkreślenie tekstu.</p>
To jest nadkreślenie tekstu.
<p style="text-decoration: line-through">To jest przekreślenie tekstu.</p>
To jest przekreślenie tekstu.
<p style="text-decoration: blink">To jest migotanie tekstu.</p>
To jest migotanie tekstu w NC4.
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
Obecnie Internet Explorer 4 Preview 2 interpretuje kilka poleceń:
baseline top middle bottom text-top text-bottomMoż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.
To jest jakiś przykładowy akapit. Poddamy go transformacjom.
<p style="text-transform: capitalize">To jest jakiś przykładowy akapit. Poddamy go transformacjom.</p>
To jest jakiś przykładowy akapit. Poddamy go transformacjom.
<p style="text-transform: uppercase">To jest jakiś przykładowy akapit. Poddamy go transformacjom.</p>
To jest jakiś przykładowy akapit. Poddamy go transformacjom.
<p style="text-transform: lowercase">To jest jakiś przykładowy akapit. Poddamy go transformacjom.</p>
To jest jakiś przykładowy akapit. Poddamy go transformacjom.
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).
<p style="text-align: left">To jest przykładowy akapit wyrównany do lewego marginesu.</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: right">To jest przykładowy akapit wyrównany do prawego marginesu.</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: center">To jest przykładowy akapit, który środkujemy w stosunku do obu marginesów.</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. To jest przykładowy akapit, który środkujemy w stosunku do obu marginesów.
<p style="text-align: justify">To jest przykładowy akapit, który powinien być wyrównany w stosunku do obu marginesów.</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 odnosi się do bloków tekstu i oznacza odstęp pierwszego wiersza bloku od lewego marginesu strony.
<p style="text-indent: 10%">To jest akapit, w którym pierwszy wiersz...</p>
To jest akapit, w którym pierwszy wiersz jest odsunięty od lewego marginesu o 10 procent , natomiast drugi wiersz i każdy następny rozpoczyna się już dokładnie od lewego marginesu.
<h2 style="text-indent: 1in">Tytuł rozpoczynający się w odległości 1 cala...</h2>
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ę.
<p style="line-height: 1cm">To jest akapit, w którym wiersze są odsunięte od siebie o 1 cm...</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%">To jest akapit, w którym odstęp między wierszami wynosi 50 proc. normalnego</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%.