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.
right: 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

Initialer Wert	`auto`
Anwendbar auf	Blockcontainer
Vererbt	Ja
Berechneter Wert	wie angegeben
Animationstyp	diskret

Formale Syntax

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

Beispiele

Die letzte Zeile ausrichten

<p>
  Integer elementum massa at nulla placerat varius. Suspendisse in libero risus,
  in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque.
  Nullam est eros, suscipit sed dictum quis, accumsan a ligula.
</p>

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

BCD tables only load in the browser

Siehe auch

text-align