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ă

cssselector {
  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

html<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>

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

Результат:

Exemplu . Valoarea right

html<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>

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

Результат:

Exemplu . Valoarea center

html<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>

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

Результат:

Exemplu . Valoarea justify

html<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>

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

Результат: