Vlastnosť text-align-last

Vlastnosť text-align-last nastavuje zarovnanie posledného riadku textu: k ľavému okraju, k pravému, na stred, k ľavému a pravému okraju súčasne.

Všimnite si, že ak sa v elemente (napríklad v odseku) nachádza iba jeden riadok - potom sa považuje za prvý aj posledný a jeho zarovnanie bude také, ako je zadané v text-align-last, a nie v text-align.

Syntax

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

Hodnoty

Hodnota	Popis
`center`	Na stred.
`left`	K ľavému okraju.
`right`	K pravému okraju.
`justify`	Súčasne k pravému aj k ľavému okraju.
`auto`	Nemení zarovnanie elementu.
`start`	Rovná sa `left`, ak text ide zľava doprava a `right`, keď text ide sprava doľava (arabský jazyk atď.).
`end`	Rovná sa `right`, ak text ide zľava doprava a `left`, keď text ide sprava doľava.
`inherit`	Dedí hodnotu od rodiča.

Predvolená hodnota: auto.

Príklad . Hodnota 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;
}

Príklad . Hodnota 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;
}

Príklad . Hodnota 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;
}

Príklad . Hodnota 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;
}