Die CSS Eigenschaft text-align-last beschreibt, wie die letzte Zeile eines Blocks, oder die letzte Zeile unmittelbar vor einem erzwungenem Umbruch, ausgerichtet ist
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Syntax
/* 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: unset;
Values
auto- Die Ausrichtung der Zeile ist gleich dem Wert von
text-align, außer wenntext-alignden Wertjustifyhat; in diesem Fall entspricht der Wert vontext-align-lastder Einstellungstart. start- Das Gleiche wie
left, wenn die Leserichtung links-nach-rechts ist, undright, wenn die Leserichtung rechts-nach-links ist. end- Das Gleiche wie
right, wenn die Leserichtung links-nach-rechts ist, undleft, wenn die Leserichtung rechts-nach-links ist. left- Die Inhalte werden an der linken Kante des inline-Elements ausgerichtet.
right- Die Inhalte werden an der rechten Kante des inline-Elements ausgerichtet.
center- Die Inhalte werden innerhalb des inline-Elements zentriert.
justify- Der Text wird im Blocksatz angezeigt, d.h. der Text schließt sowohl links als auch rechts mit der Kante des inline-Elements ab.
Formal syntax
Beispiel
<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>
p {
font-size: 1.4em;
text-align: justify;
text-align-last: center;
}Spezifikationen
| Specification | Status | Comment |
|---|---|---|
| CSS Text Module Level 3 Die Definition von 'text-align-last' in dieser Spezifikation. |
Arbeitsentwurf | Initial definition |
| Initialwert | auto |
|---|---|
| Anwendbar auf | Blockcontainer |
| Vererbt | Ja |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Browserkompatibilität
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.