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±:
baselineMo┐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%.