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
/* 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
istjustify
, in welchem Fall der Effekt dem gleichkommt, als wäretext-align-last
aufstart
gesetzt. start
-
Entspricht
left
, wenn die Richtung von links nach rechts ist, undright
, wenn die Richtung von rechts nach links ist. end
-
Entspricht
right
, wenn die Richtung von links nach rechts ist, undleft
, 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
Beispiele
Die letzte Zeile ausrichten
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