`text-align-last` CSS property

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2022 browserübergreifend verfügbar.

Mehr erfahren
Vollständige Kompatibilität anzeigen

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

Probieren Sie es aus

text-align-last: right;

text-align-last: center;

text-align-last: left;

<section id="default-example">
  <div>
    <p id="example-element">
      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
      aliquip ex ea commodo consequat.
    </p>
  </div>
</section>

section {
  font-size: 1.5em;
}

#default-example > div {
  width: 250px;
}

#example-element {
  text-align: justify;
}

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

Diese Eigenschaft wird mit einem der folgenden Schlüsselwortwerte angegeben:

auto: Die betroffene Zeile wird gemäß dem Wert von text-align ausgerichtet, es sei denn, text-align ist justify, in diesem Fall ist der Effekt derselbe, als ob text-align-last auf start gesetzt wäre.
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 des Linienkastens ausgerichtet.
right: Der Inline-Inhalt wird am rechten Rand des Linienkastens ausgerichtet.
center: Der Inline-Inhalt wird innerhalb des Linienkastens zentriert.
justify: Der Text wird im Blocksatz ausgerichtet. Der Text sollte mit seinen linken und rechten Kanten an den linken und rechten Inhaltsrändern des Absatzes ausgerichtet werden.

Formale Definition

Anfangswert	`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

Letzte Zeile im Blocksatz

<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

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

Browser-Kompatibilität

Siehe auch

text-align

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

text-align-last CSS property

CSS

Ergebnisse

Help improve MDN

`text-align-last` CSS property