Egenskapen text-align-last

Egenskapen text-align-last ställer in justeringen av den sista textraden: till vänsterkant, till högerkant, till mitten, eller samtidigt till både vänster och höger kant.

Observera att om ett element (till exempel ett stycke) bara har en rad - så räknas den som både första och sista raden och dess justering blir sådan som anges i text-align-last, och inte som i text-align.

Syntax

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

Värden

Värde	Beskrivning
`center`	I mitten.
`left`	Till vänsterkant.
`right`	Till högerkant.
`justify`	Samtidigt till både högerkant och vänsterkant.
`auto`	Ändrar inte elementets justering.
`start`	Lika med `left` om texten går från vänster till höger och `right` när texten går från höger till vänster (arabiska språk etc.).
`end`	Lika med `right` om texten går från vänster till höger och `left` när texten går från höger till vänster.
`inherit`	Ärver förälderns värde.

Standardvärde: auto.

Exempel . Värde 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;
}

Exempel . Värde 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;
}

Exempel . Värde 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;
}

Exempel . Värde 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;
}