Vlastnost text-align-last

Vlastnost text-align-last nastavuje zarovnání posledního řádku textu: k levému okraji, k pravému, na střed, k levému a pravému okraji současně.

Všimněte si, že pokud má prvek (například odstavec), pouze jeden řádek - pak je považován zároveň za první a poslední a jeho zarovnání bude takové, jaké je zadáno v text-align-last, a ne v text-align.

Syntaxe

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

Hodnoty

Hodnota	Popis
`center`	Na střed.
`left`	K levému okraji.
`right`	K pravému okraji.
`justify`	Současně k pravému i k levému okraji.
`auto`	Nemění zarovnání prvku.
`start`	Rovno `left`, pokud text jde zleva doprava a `right`, když text jde zprava doleva (arabština atd.).
`end`	Rovno `right`, pokud text jde zleva doprava a `left`, když text jde zprava doleva.
`inherit`	Dědí hodnotu rodiče.

Výchozí hodnota: auto.

Pří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;
}

Pří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;
}

Pří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;
}

Pří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;
}