CSS text-align-last egenskap

Definition and Usage

The text-align-last property specifies how to align the last line of text.

Please note that the text-align-last property sets all the last lines within the selected element. Therefore, if a <div> contains three paragraphs, text-align-last will be applied to the last line of each paragraph. To use text-align-last on the last paragraph within a container, you can use :last child, see the following example.

Note:In Edge/Internet Explorer, the text-align-last property only applies to text with "text-align: justify".

See also:

CSS Tutorial:CSS text

HTML DOM Reference Manual:textAlignLast Property

Example

Align the last line of three <div> elements:

div.a {
  text-align: justify;  /* Against Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* För Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* För Edge */ 
  text-align-last: justify;
}

Prova själv

Du kan hitta fler TIY-exempel längre ner på sidan.

CSS-syntax

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Egenskapsvärde

Värde Beskrivning
auto

Standardvärde. Justeringsregeln för varje rad bestäms av värdet för text-align.

Om värdet för text-align är justify, är beteendet för text-align-last detsamma som att ha satt start.
left Sista raden är vänsterjusterad.
right Sista raden är högerjusterad.
center Sista raden är centrerad.
justify Början av sista raden av texten justeras med vänster sidan av innehållsboxen, slutet med höger sidan.
start

Sista raden justeras vid radens början.

Om text-direction är från vänster till höger, är det vänsterjusterat, om text-direction är från höger till vänster, är det högerjusterat.
end

Sista raden justeras vid radens slut.

Om text-direction är från vänster till höger, är det högerjusterat, om text-direction är från höger till vänster, är det vänsterjusterat.
initial Sätt denna egenskap till dess standardvärde. Se till: initial.
inherit Inheriterar denna egenskap från föräldrelementet. Se till: inherit.

Tekniska detaljer

Standardvärde: auto
Arv: ja
Animation: stöds inte. Se till:animation relaterade egenskaper.
Version: CSS3
JavaScript-syntax: object.style.textAlignLast="right"

mer exempel

Använd text-align-last: på sista raden i behållaren:

div.b p:last-child {
  text-align-last: center;
}

Prova själv

Webbläsarstöd

Numreringen i tabellen anger den första webbläsarversionen som fullständigt stöder egenskapen.

Numrering med -moz- indikerar den första versionen som använder prefixet.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 stöds inte 34.0

* I Edge/Internet Explorer stöds inte "start" och "end"-värden.