WŁASNOŚCI TEKSTU

Na początku powtórzę tylko to, co napisałem w poprzednim artykule. Przykłady będę zapisywał za pomocą parametru style="tutaj_wpisz_style", a Wy oczywiście możecie zapisać to w takiej formie, w jakiej chcecie...

Odstępy między wyrazami

Odstępy pomiędzy wyrazami podaje się w jednostkach miary. Służy do tego konstrukcja: word-spacing: odstęp. Przykład:
<P style="word-spacing:1cm">1-centymetrowe odstępy między wyrazami</P>

1-centymetrowe odstępy między wyrazami

Niestety, jak już pewnie zauważyliście, przeglądarki nie za bardzo radzą sobie z tą własnością :((.

Odstępy między literami

Tak jak w przypadku odstępów między wyrazami, odstępy między literami podajemy w jednostkach miary. Służy do tego składnia: letter-spacing: odstęp. Przykładzik:
<P style="letter-spacing:4px">4-pikselowe odstępy między literami</P>

4-pikselowe odstępy między literami

Dekoracja tekstu

Do dekoracji tekstu służy składnia: text-decoration: typ. Rozróżniamy następujące typy dekoracji: none(bez dekoracji), underline(podkreślenie), overline(nadkreślenie), line-through(przekreślenie) oraz blink(migotanie - tylko w NN).
<P style="text-decoration:none">Tekst bez dekoracji</P>

Tekst bez dekoracji

Tekst podkreślony (underline)

Tekst nadkreślony (overline)

Tekst przekreślony (line-through)

Tekst migający (blink) - tylko NN

Wyrównanie pionowe

Wyrównanie pionowe tekstu używa się do wypozycjonowania tekstu względem obrazka. Możemy użyć aż dziewięciu rodzajów pozycjonowania: baseline(linia bazowa), sub(subskrypt), super(superskrypt), top, text-top, middle, bottom, text-bottom, procent. Służy do tego składnia vertical-align: parametr. Kilka przykładów:
<IMG SRC="gfx/marble.gif" style="vertical-align:baseline"> baseline

baseline

top

middle

bottom

text-top

text-bottom

Transformacja tekstu

Do transformacji tekstu służy konstrukcja: text-transform: parametr. Wyróżniamy cztery rodzaje transformacji: none(bez zmian), capitalize(zamiana pierwszych liter wyrazów na wielkie), uppercase(zamiana wszystkich liter na wielkie), lowercase(zamiana wszystkich liter na małe). Jak zwykle przykładziki:
<P style="text-transform:capitalize">To jest tekst poddany transformacji capitalize</P>

To jest tekst poddany transformacji capitalize

To jest tekst poddany transformacji uppercase

To jest tekst poddany transformacji lowercase

Wyrównanie poziome

Tekst można wyrównywać w poziomie na cztery sposoby: left(do lewej), right(do prawej), center(wycentrować), justify(do obu marginesów). Służy do tego składnia: text-align: parametr. Przykłady:
<P style="text-align:left">To jest akapit wyrównany do lewego marginesu.</P>

To jest akapit wyrównany do lewego marginesu. To jest akapit wyrównany do lewego marginesu. To jest akapit wyrównany do lewego marginesu. To jest akapit wyrównany do lewego marginesu. To jest akapit wyrównany do lewego marginesu. To jest akapit wyrównany do lewego marginesu. To jest akapit wyrównany do lewego marginesu.

To jest akapit wyrównany do prawego marginesu. To jest akapit wyrównany do prawego marginesu. To jest akapit wyrównany do prawego marginesu. To jest akapit wyrównany do prawego marginesu. To jest akapit wyrównany do prawego marginesu. To jest akapit wyrównany do prawego marginesu. To jest akapit wyrównany do prawego marginesu.

To jest akapit wycentrowany. To jest akapit wycentrowany. To jest akapit wycentrowany. To jest akapit wycentrowany. To jest akapit wycentrowany. To jest akapit wycentrowany. To jest akapit wycentrowany.

To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany. To jest akapit wyjustowany.

Wcięcie tekstu

Wcięcie tekstu oznacza odległość pierwszego wiersza w bloku od lewego marginesu. Rozmiar wcięcia podajemy w jednostkach miary. Stosujemy do tego konstrukcję: text-indent: rozmiar. Przykład:
<P style="text-indent:100px">Pierwszy wiersz bloku jest oddalony od lewego marginesu o 100 pikseli.</P>

Pierwszy wiersz bloku jest oddalony od lewego marginesu o 100 pikseli. Pierwszy wiersz bloku jest oddalony od lewego marginesu o 100 pikseli. Pierwszy wiersz bloku jest oddalony od lewego marginesu o 100 pikseli. Pierwszy wiersz bloku jest oddalony od lewego marginesu o 100 pikseli. Pierwszy wiersz bloku jest oddalony od lewego marginesu o 100 pikseli.

Odstępy między wierszami

Odstępy podajemy w jednostkach miary lub w procentach. Używamy konstrukcji line-height: rozmiar. Przykłady:
<P style="line-height:1cm">W tym akapicie odstęp między wierszami wynosi 1 centymetr.</P>

W tym akapicie odstęp między wierszami wynosi 1 centymetr. W tym akapicie odstęp między wierszami wynosi 1 centymetr. W tym akapicie odstęp między wierszami wynosi 1 centymetr. W tym akapicie odstęp między wierszami wynosi 1 centymetr. W tym akapicie odstęp między wierszami wynosi 1 centymetr. W tym akapicie odstęp między wierszami wynosi 1 centymetr.


<P style="line-height:50%">W tym akapicie odstęp między wierszami wynosi 50% normalnego.</P>

W tym akapicie odstęp między wierszami wynosi 50% normalnego. W tym akapicie odstęp między wierszami wynosi 50% normalnego. W tym akapicie odstęp między wierszami wynosi 50% normalnego. W tym akapicie odstęp między wierszami wynosi 50% normalnego. W tym akapicie odstęp między wierszami wynosi 50% normalnego. W tym akapicie odstęp między wierszami wynosi 50% normalnego. W tym akapicie odstęp między wierszami wynosi 50% normalnego.



PELE