text-align-last

Baseline 2022
Newly available

Since September 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Die text-align-last CSS Eigenschaft legt fest, wie die letzte Zeile eines Blocks oder eine Zeile, direkt vor einem erzwungenen Zeilenumbruch, ausgerichtet wird.

Probieren Sie es aus

Syntax

css
/* Keyword values */
text-align-last: auto;
text-align-last: start;
text-align-last: end;
text-align-last: left;
text-align-last: right;
text-align-last: center;
text-align-last: justify;

/* Global values */
text-align-last: inherit;
text-align-last: initial;
text-align-last: revert;
text-align-last: revert-layer;
text-align-last: unset;

Werte

auto

Die betroffene Zeile wird entsprechend dem Wert von text-align ausgerichtet, es sei denn, text-align ist justify, in welchem Fall der Effekt dem gleichkommt, als wäre text-align-last auf start gesetzt.

start

Entspricht left, wenn die Richtung von links nach rechts ist, und right, wenn die Richtung von rechts nach links ist.

end

Entspricht right, wenn die Richtung von links nach rechts ist, und left, wenn die Richtung von rechts nach links ist.

left

Der Inline-Inhalt wird am linken Rand der Linienbox ausgerichtet.

Der Inline-Inhalt wird am rechten Rand der Linienbox ausgerichtet.

center

Der Inline-Inhalt wird in der Linienbox zentriert.

justify

Der Text wird ausgerichtet. Der Text sollte mit seinen linken und rechten Rändern an den linken und rechten Inhaltsrändern des Absatzes ausgerichtet sein.

Formale Definition

Anfangswertauto
Anwendbar aufBlockcontainer
VererbtJa
Berechneter Wertwie angegeben
Animationstypdiskret

Formale Syntax

text-align-last = 
auto |
start |
end |
left |
right |
center |
justify |
match-parent

Beispiele

Die letzte Zeile ausrichten

CSS

css
p {
  font-size: 1.4em;
  text-align: justify;
  text-align-last: center;
}

Ergebnisse

Spezifikationen

Specification
CSS Text Module Level 3
# text-align-last-property

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
text-align-last
auto

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Requires a vendor prefix or different name for use.
Has more compatibility info.

Siehe auch