CSS text-align-last- Eigenschaft
Beispiel
Richten Sie die letzte Textzeile in drei <div>-Elementen aus:
div.a
{
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b
{
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c
{
text-align: justify; /* For Edge */
text-align-last: justify;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die text-align-last
Eigenschaft gibt an, wie die letzte Zeile eines Textes ausgerichtet wird.
Beachten Sie, dass die text-align-last
Eigenschaft die Ausrichtung für alle letzten Zeilen innerhalb des ausgewählten Elements festlegt. Wenn Sie also ein <div> mit drei Absätzen darin haben, text-align-last
gilt dies für die letzte Zeile jedes Absatzes. Um text-align-last
nur den letzten Absatz im Container zu verwenden, können Sie :last child verwenden, siehe Beispiel unten.
Hinweis: In Edge vor 79 text-align-last
funktioniert die Eigenschaft nur bei Text mit „text-align: justify“.
Standardwert: | Auto |
---|---|
Vererbt: | ja |
Animierbar: | Nein. Lesen Sie mehr über animierbare |
Ausführung: | CSS3 |
JavaScript-Syntax: | Objekt .style.textAlignLast="right" |
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Zahlen gefolgt von -moz- geben die erste Version an, die mit einem Präfix funktioniert hat.
Property | |||||
---|---|---|---|---|---|
text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
*In Internet Explorer 11 (und früher) werden die Werte „start“ und „end“ nicht unterstützt.
CSS-Syntax
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Eigenschaftswerte
Value | Description | Play it |
---|---|---|
auto | Default value. The last line is justified and aligned left | |
left | The last line is aligned to the left | |
right | The last line is aligned to the right | |
center | The last line is center-aligned | |
justify | The last line is justified as the rest of the lines | |
start | The last line is aligned at the beginning of the line (left if the text-direction is left-to-right, and right is the text-direction is right-to-left) | |
end | The last line is aligned at the end of the line (right if the text-direction is left-to-right, and left is the text-direction is right-to-left) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Mehr Beispiele
Beispiel
Verwenden Sie text-align-last nur in der allerletzten Zeile im Container:
div.b p:last-child {
text-align-last: center;
}
Verwandte Seiten
CSS-Tutorial: CSS-Text
HTML-DOM-Referenz: textAlignLast-Eigenschaft