Savybė text-align-last

Savybė text-align-last nustato paskutinės teksto eilutės lygiavimą: pagal kairįjį kraštą, pagal dešinįjį, pagal centrą, vienu metu pagal kairįjį ir dešinįjį kraštus.

Atkreipkite dėmesį į tai, kad jei elemente (pavyzdžiui, pastraipoje) yra tik viena eilutė - tai ji laikoma ir pirmąja, ir paskutine, o jos lygiavimas bus toks, koks nustatytas text-align-last, o ne koks nustatytas text-align.

Sintaksė

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

Reikšmės

Reikšmė	Aprašas
`center`	Pagal centrą.
`left`	Pagal kairįjį kraštą.
`right`	Pagal dešinįjį kraštą.
`justify`	Vienu metu ir pagal dešinįjį, ir pagal kairįjį kraštą.
`auto`	Nekeičia elemento lygiavimo.
`start`	Lygu `left`, jei tekstas eina iš kairės į dešinę, ir `right`, kai tekstas eina iš dešinės į kairę (arabų kalba ir pan.).
`end`	Lygu `right`, jei tekstas eina iš kairės į dešinę, ir `left`, kai tekstas eina iš dešinės į kairę.
`inherit`	Paveldi tėvinio elemento reikšmę.

Numatytoji reikšmė: auto.

Pavyzdys . Reikšmė 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;
}

Результат:

Pavyzdys . Reikšmė 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;
}

Результат:

Pavyzdys . Reikšmė 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;
}

Результат:

Pavyzdys . Reikšmė 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;
}

Результат: