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

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

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;
}

Результат:

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

Результат:

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

Результат:

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

Результат: