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

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

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

Результат:

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

Результат:

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

Результат:

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

Результат: