W│asno╢ci tekstu

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

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

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.

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)

. <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.

Wyr≤wnanie 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

Obecnie 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.

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.

Wyr≤wnanie 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).

<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

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>

Tytu│ rozpoczynaj▒cy siΩ w odleg│o╢ci 1 cala od lewego marginesu

OdstΩpy 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Ω.

<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%.