Egenskapen text-align-last

Egenskapen text-align-last setter justeringen av den siste linjen med tekst: til venstre kant, til høyre kant, til senter, eller justert mot både venstre og høyre kant samtidig.

Vær oppmerksom på at hvis det i et element (for eksempel i et avsnitt), bare er én linje - så regnes den som både første og siste linje, og justeringen vil være slik som angitt i text-align-last, og ikke som i text-align.

Syntaks

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

Verdier

Verdi	Beskrivelse
`center`	Midtstilt.
`left`	Venstrejustert.
`right`	Høyrejustert.
`justify`	Jevnt fordelt (blokkjustert).
`auto`	Endrer ikke elementets justering.
`start`	Lik `left` hvis tekstretningen er venstre-til-høyre, og `right` når tekstretningen er høyre-til-venstre (som for arabisk osv.).
`end`	Lik `right` hvis tekstretningen er venstre-til-høyre, og `left` når tekstretningen er høyre-til-venstre.
`inherit`	Arver verdien fra forelderelementet.

Standardverdi: auto.

Eksempel . Verdien 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;
}

Результат:

Eksempel . Verdien 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;
}

Результат:

Eksempel . Verdien 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;
}

Результат:

Eksempel . Verdien 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;
}

Результат: