Egenskaben text-align-last

Egenskaben text-align-last indstiller justeringen af den sidste linje i en tekst: til venstre, til højre, i midten, eller både til venstre og højre samtidig (justering).

Vær opmærksom på, at hvis der i et element (for eksempel i et afsnit) kun er én linje - så betragtes den som både den første og den sidste linje, og dens justering vil være den, som er angivet i text-align-last, og ikke den i text-align.

Syntaks

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

Værdier

Værdi	Beskrivelse
`center`	I midten.
`left`	Til venstre.
`right`	Til højre.
`justify`	Både til højre og til venstre (justeret).
`auto`	Ændrer ikke elementets justering.
`start`	Lig med `left`, hvis teksten går fra venstre mod højre, og lig med `right`, når teksten går fra højre mod venstre (som f.eks. arabisk).
`end`	Lig med `right`, hvis teksten går fra venstre mod højre, og lig med `left`, når teksten går fra højre mod venstre.
`inherit`	Arver værdien fra forældreelementet.

Standardværdi: auto.

Eksempel . Værdien 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 . Værdien 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 . Værdien 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 . Værdien 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;
}

Результат: