Omadus text-align-last

Omadus text-align-last määrab teksti viimase rea joonduse: vasakule, paremale, keskele, vasakule ja paremale korraga.

Pange tähele, et kui elemendis (näiteks lõigus) on ainult üks rida - siis loetakse seda korraga esimeseks ja viimaseks reaks ning selle joondus on selline, nagu on määratud text-align-last-ga, mitte nagu text-align-ga.

Süntaks

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

Väärtused

Väärtus	Kirjeldus
`center`	Keskele.
`left`	Vasakule.
`right`	Paremale.
`justify`	Korraga nii vasakule kui paremale.
`auto`	Ei muuda elemendi joondust.
`start`	Võrdub `left`-ga, kui tekst kulgeb vasakult paremale ja `right`-ga, kui tekst kulgeb paremalt vasakule (araabia keel jms).
`end`	Võrdub `right`-ga, kui tekst kulgeb vasakult paremale ja `left`-ga, kui tekst kulgeb paremalt vasakule.
`inherit`	Pärib vanema väärtuse.

Vaikeväärtus: auto.

Näide . Väärtus left

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: justify;
	text-align-last: left;
}

Näide . Väärtus right

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: justify;
	text-align-last: right;
}

Näide . Väärtus center

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: justify;
	text-align-last: center;
}

Näide . Väärtus justify

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
	fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
	sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
	ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
	ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: justify;
	text-align-last: justify;
}