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

selector {
	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

<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>

p {
	text-align: justify;
	text-align-last: left;
}

Eksempel . Verdien right

<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>

p {
	text-align: justify;
	text-align-last: right;
}

Eksempel . Verdien center

<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>

p {
	text-align: justify;
	text-align-last: center;
}

Eksempel . Verdien justify

<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>

p {
	text-align: justify;
	text-align-last: justify;
}