Atribuut text-align

Atribuut text-align määrab teksti joondamise: vasakule, paremale, keskele või vasakule ja paremale korraga.

Süntaks

cssselektor {
  text-align: center | left | right | justify | auto | start | end;
}

Väärtused

Väärtus	Kirjeldus
`center`	Tekst joondatakse keskele.
`left`	Tekst joondatakse vasakule.
`right`	Tekst joondatakse paremale.
`justify`	Tekst joondatakse korraga nii vasakule kui paremale.
`auto`	Ei muuda elemendi joondust (vaikeväärtus).
`start`	Võrdub `left`, kui tekst kulgeb vasakult paremale, ja `right`, kui tekst kulgeb paremalt vasakule (araabia keel jms).
`end`	Võrdub `right`, kui tekst kulgeb vasakult paremale ja `left`, kui tekst kulgeb paremalt vasakule.

Vaikeväärtus: auto. Enamikel juhtudel on tekst vaikimisi joondatud vasakule (araabia keeles - paremale). Kuid on erandeid, näiteks tekst elementis th joondatakse keskele.

Näide . Väärtus left

html<p>
  some long text
</p>

cssp {
  text-align: left;
  width: 400px;
}

Результат:

Näide . Väärtus right

html<p>
  some long text
</p>

cssp {
  text-align: right;
  width: 400px;
}

Результат:

Näide . Väärtus center

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: center;
}

Результат:

Näide . Väärtus justify

html<p>
  some long text
</p>

cssp {
  text-align: justify;
  width: 400px;
}

Результат: