Właściwość text-align-last

Właściwość text-align-last ustawia wyrównanie ostatniej linii tekstu: do lewej krawędzi, do prawej, do środka, do lewej i prawej krawędzi jednocześnie.

Zwróć uwagę na to, że jeśli w elemencie (na przykład, w akapicie), jest tylko jedna linia - to jest ona uważana jednocześnie za pierwszą i ostatnią i wyrównanie będzie takie, jak ustawione w text-align-last, a nie w text-align.

Składnia

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

Wartości

Wartość	Opis
`center`	Do środka.
`left`	Do lewej krawędzi.
`right`	Do prawej krawędzi.
`justify`	Jednocześnie do prawej i lewej krawędzi.
`auto`	Nie zmienia wyrównania elementu.
`start`	Równe `left`, jeśli tekst biegnie od lewej do prawej i `right`, gdy tekst biegnie od prawej do lewej (język arabski itp.).
`end`	Równe `right`, jeśli tekst biegnie od lewej do prawej i `left`, gdy tekst biegnie od prawej do lewej.
`inherit`	Dziedziczy wartość rodzica.

Wartość domyślna: auto.

Przykład . Wartość 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;
}

Przykład . Wartość 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;
}

Przykład . Wartość 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;
}

Przykład . Wartość 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;
}