Īpašība text-align-last

Īpašība text-align-last nosaka pēdējās teksta rindas izlīdzināšanu: pa kreiso malu, pa labo, pa centru, pa kreiso un labo malu vienlaicīgi.

Pievērsiet uzmanību tam, ka, ja elementā (piemēram, rindkopā), ir tikai viena rinda - tad tā tiek uzskatīta vienlaikus par pirmo un pēdējo, un tās izlīdzināšana būs tāda, kāda norādīta text-align-last, nevis kā text-align.

Sintakse

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

Vērtības

Vērtība	Apraksts
`center`	Pa centru.
`left`	Pa kreiso malu.
`right`	Pa labo malu.
`justify`	Vienlaikus gan pa labo malu, gan pa kreiso.
`auto`	Nemaina elementa izlīdzināšanu.
`start`	Vienāds ar `left`, ja teksts iet no kreisās uz labo pusi, un `right`, kad teksts iet no labās uz kreiso pusi (arābu valoda utt.).
`end`	Vienāds ar `right`, ja teksts iet no kreisās uz labo pusi, un `left`, kad teksts iet no labās uz kreiso pusi.
`inherit`	Manto no vecāka elementa.

Noklusējuma vērtība: auto.

Piemērs . Vērtība 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;
}

Результат:

Piemērs . Vērtība 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;
}

Результат:

Piemērs . Vērtība 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;
}

Результат:

Piemērs . Vērtība 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;
}

Результат: