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.
Obsługiwane przez IE i Operę 7
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 i Operę 7.
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 ściągniętych do jednej</p>
Tutaj jest pięć spacji ściągniętych do jednej.
<p style="white-space: pre">Tutaj jest pięć widocznych spacji</p>
Tutaj jest pięć widocznych spacji.
<p style="white-space: nowrap"><font color="#0000FF">.Ten akapit nie będzie przełamany, gdyż zostało w nim zawarte polecenie nowrap. Dlatego na dole okienka przeglądarki powinien się pojawić pasek przewijania.</p>
.Ten akapit nie będzie przełamany, gdyż zostało w nim zawarte polecenie nowrap. Dlatego na dole okienka przeglądarki powinien się pojawić pasek przewijania.
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).
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%.