Eigenschaft text-align-last

Die Eigenschaft text-align-last legt die Ausrichtung der letzten Textzeile fest: linksbündig, rechtsbündig, zentriert oder im Blocksatz.

Beachten Sie, dass wenn in einem Element (zum Beispiel in einem Absatz) nur eine Zeile vorhanden ist - diese gleichzeitig als erste und letzte Zeile gilt und deren Ausrichtung so ist, wie in text-align-last festgelegt, und nicht wie in text-align.

Syntax

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

Werte

Wert	Beschreibung
`center`	Zentriert.
`left`	Linksbündig.
`right`	Rechtsbündig.
`justify`	Blocksatz (sowohl links- als auch rechtsbündig).
`auto`	Ändert die Ausrichtung des Elements nicht.
`start`	Entspricht `left`, wenn der Text von links nach rechts verläuft, und `right`, wenn der Text von rechts nach links verläuft (Arabisch usw.).
`end`	Entspricht `right`, wenn der Text von links nach rechts verläuft, und `left`, wenn der Text von rechts nach links verläuft.
`inherit`	Erbt den Wert des Elternelements.

Standardwert: auto.

Beispiel . Wert 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;
}

Beispiel . Wert 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;
}

Beispiel . Wert 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;
}

Beispiel . Wert 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;
}