Omadus text-align-last

Omadus text-align-last määrab teksti viimase rea joonduse: vasakule, paremale, keskele, vasakule ja paremale korraga.

Pange tähele, et kui elemendis (näiteks lõigus) on ainult üks rida - siis loetakse seda korraga esimeseks ja viimaseks reaks ning selle joondus on selline, nagu on määratud text-align-last-ga, mitte nagu text-align-ga.

Süntaks

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

Väärtused

Väärtus	Kirjeldus
`center`	Keskele.
`left`	Vasakule.
`right`	Paremale.
`justify`	Korraga nii vasakule kui paremale.
`auto`	Ei muuda elemendi joondust.
`start`	Võrdub `left`-ga, kui tekst kulgeb vasakult paremale ja `right`-ga, kui tekst kulgeb paremalt vasakule (araabia keel jms).
`end`	Võrdub `right`-ga, kui tekst kulgeb vasakult paremale ja `left`-ga, kui tekst kulgeb paremalt vasakule.
`inherit`	Pärib vanema väärtuse.

Vaikeväärtus: auto.

Näide . Väärtus 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;
}

Результат:

Näide . Väärtus 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;
}

Результат:

Näide . Väärtus 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;
}

Результат:

Näide . Väärtus 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;
}

Результат: