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 IE.
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.
Polecenie white-space określa, w jaki sposób mają być wyświetlane spacje w tekście.
white-space: normal powoduje zamianę wielu sąsiadujących spacji na jedną.
white-space: pre powoduje wyświetlenie wszstkich sąsiadujących spacji.
white-space: nowrap nie pozwala na przełamanie wiersza, do momentu napotkania polecenia <br>.
Przykłady:
<p style="white-space: normal">Tutaj jest pięć spacji</p>
Tutaj jest pięć spacji.
<p style="white-space: pre">Tutaj jest pięć spacji</p>
Tutaj jest pięć spacji.
nowrap nie jest realizowane
.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 IE.
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%.