CSS text-align-last-Eigenschaft

Definition und Verwendung

Die Eigenschaft text-align-last legt fest, wie die letzte Zeile des Textes ausgerichtet wird.

Bitte beachten Sie, dass die text-align-last-Eigenschaft alle letzten Zeilen im ausgewählten Element einstellt. Daher wird text-align-last auf die letzte Zeile eines jeden Absatzes in einem <div> angewendet, wenn es drei Absätze gibt. Um text-align-last im letzten Absatz eines Containers zu verwenden, können Sie :last-child verwenden, siehe untenes Beispiel.

Anmerkung:Im Edge/Internet Explorer ist die text-align-last-Eigenschaft nur für Text mit "text-align: justify" gültig.

Weitere Informationen:

CSS-Tutorial:CSS Text

HTML DOM Referenzhandbuch:textAlignLast Eigenschaft

Beispiel

Ausrichten der letzten Zeile in drei <div>-Elementen:

div.a {
  text-align: justify;  /* Gegen Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* Für Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Für Edge */ 
  text-align-last: justify;
}

Selbst ausprobieren

Mehr TIY-Beispiele finden Sie unten auf der Seite.

CSS-Syntax

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Eigenschaftswert

Wert Beschreibung
auto

Standardwert. Die Ausrichtung der Zeilen wird durch den Wert von text-align bestimmt.

Wenn der Wert von text-align justify ist, ist das Verhalten von text-align-last gleich dem Wert von start.
left Die letzte Zeile wird nach links ausgerichtet.
right Die letzte Zeile wird nach rechts ausgerichtet.
center Die letzte Zeile wird zentriert ausgerichtet.
justify Der Anfang des letzten Textes wird mit der linken Seite des Inhaltshaftungsorts ausgerichtet, das Ende mit der rechten Seite ausgerichtet.
start

Die letzte Zeile wird am Zeilenanfang ausgerichtet.

Wenn text-direction von links nach rechts ist, wird nach links ausgerichtet, wenn text-direction von rechts nach links ist, wird nach rechts ausgerichtet.
end

Die letzte Zeile wird am Zeilenende ausgerichtet.

Wenn text-direction von links nach rechts ist, wird nach rechts ausgerichtet, wenn text-direction von rechts nach links ist, wird nach links ausgerichtet.
initial Diese Eigenschaft wird auf ihren Standardwert gesetzt. Siehe: initial.
inherit Diese Eigenschaft wird von seinem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: auto
Vererbung: Ja
Animationserstellung: Nicht unterstützt. Siehe:Animationsspezifische Eigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.textAlignLast="right"

Mehr Beispiele

Verwenden Sie text-align-last: auf der letzten Zeile im Container

div.b p:last-child {
  text-align-last: center;
}

Selbst ausprobieren

Browserunterstützung

Die Zahlen in der Tabelle verweisen auf die erste Browserversion, die die Eigenschaft vollständig unterstützt.

Zahlen, die mit -moz- versehen sind, stellen die erste Version dar, die den Präfix verwendet.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 Nicht unterstützt 34.0

In Edge/Internet Explorer werden die Werte "start" und "end" nicht unterstützt.