Atribuut text-align

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

Süntaks

selektor {
	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

<p>
	some long text
</p>

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

Näide . Väärtus right

<p>
	some long text
</p>

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

Näide . Väärtus center

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

p {
	text-align: center;
}

Näide . Väärtus justify

<p>
	some long text
</p>

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