Właściwośi CSS text-align, text-justify

kursy, tutoriale

Kategoria wpisu PHP, HTML, CSS Tagi: , on przez .


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

W tym wisie omówię, kilka powiązanych ze sobą właściwości CSS. Zadaniem ich jest układanie (pozycjonowanie) tekstu na stronie. Na pewno już mieliście do czynienia z tymi właściwościami są one bowiem dosyć podstawę. Chociaż pojawi się również dość nowa właściwość text-justify – trudno jest mi powiedzieć coś na jej temat bo w mojej przeglądarce jeszcze nie działa (dopiero ma być wprowadzona). Widziałam ją jednak pod Firefox i zapowiada się dość ciekawie.

Planuję za pewien czas opublikować zestawienie właściwości CSS oddziałujących na tekst. Technicznie zestawienie jest już napisane czeka jednak na publikację informacji o innych właściwościach.

Cechy właściwości text-align

Właściwość CSS text-align służy do wyrównywania tekstu na stronie.

text-align przybiera następujące własności:

  • left – do lewej
  • right – do prawej
  • center – wyśrodkowanie
  • justify – wyjustowanie

Właściwość jest obsługiwana praktycznie przez wszystkie przeglądarki internetowe.

Właściwość text-justify

Zadaniem text-justify jest wpływanie na sposób justowania (czyli wymagane jest ustawienie text-align: justify). Posiada ona wartości:

  • auto
  • inter-word
  • inter-character
  • none

Właściwość ta jest stosunkowo nowa i dopiero w planach wielu przeglądarek internetowych takich jak Chome jest jej obsługa. Dlatego warto spojrzeć na przykłady w kilku przeglądarkach internetowych.

Przykłady:
Z text-justify: auto

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Z text-justify: inter-word

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Z text-justify: inter-character

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

text-indent – czyli wcięcia akapitowe

O wcięciach akapitowych pisałam już wcześniej więc odsyłam was do tego wpisu.

 

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *