kursy, tutoriale

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

Czas czytania: < 1 minut

W tym wisie omówię, kilka powiązanych ze sobą właściwości CSS. Zadaniem ich jest układanie (pozycjonowanie, układanie) 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:

See the Pen
text-justify
by Aura (@Julka85)
on CodePen.0

text-indent – czyli wcięcia akapitowe

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