Proprietatea text-align-last

Proprietatea text-align-last stabilește alinierea ultimei linii de text: pe marginea stângă, pe marginea dreaptă, pe centru, pe marginea stângă și dreaptă simultan.

Atenție la faptul că dacă în element (de exemplu, într-un paragraf), există o singură linie - atunci ea este considerată simultan prima și ultima și alinierea ei va fi aceea care este stabilită în text-align-last, și nu în text-align.

Sintaxă

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

Valori

Valoare	Descriere
`center`	Pe centru.
`left`	Pe marginea stângă.
`right`	Pe marginea dreaptă.
`justify`	Simultan atât pe marginea dreaptă, cât și pe cea stângă.
`auto`	Nu modifică alinierea elementului.
`start`	Egal cu `left`, dacă textul merge de la stânga la dreapta și `right`, când textul merge de la dreapta la stânga (limba arabă etc.).
`end`	Egal cu `right`, dacă textul merge de la stânga la dreapta și `left`, când textul merge de la dreapta la stânga.
`inherit`	Moștenește valoarea părintelui.

Valoarea implicită: auto.

Exemplu . Valoarea 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;
}

Exemplu . Valoarea 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;
}

Exemplu . Valoarea 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;
}

Exemplu . Valoarea 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;
}