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

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

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