CSS text-align-last egenskab

Definition og brug

Tekst-justering: højre egenskab definerer, hvordan den sidste linje af teksten justeres.

Bemærk, at tekst-justering: højre egenskab angiver alle sidste linjer i den valgte element. Så hvis en <div> har tre afsnit, anvendes tekst-justering: højre på sidste linje i hvert afsnit. For at bruge tekst-justering: højre på det sidste afsnit i en container, kan du bruge :last child, se nedenstående eksempel.

Kommentar:I Edge/Internet Explorer anvendes tekst-justering: højre egenskab kun til tekst med "tekst-justering: retfærdiggøre".

Se også:

CSS Tutorial:CSS text

HTML DOM Reference Manual:textAlignLast Egenskab

Eksempel

Juster sidste linje i tre <div>-elementer:

div.a {
  tekst-justering: retfærdiggøre;  /* Til Edge */
  tekst-justering: højre;
}
div.b {
  text-align: justify; /* Til Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Til Edge */ 
  text-align-last: justify;
}

Prøv det selv

Du kan finde flere TIY-eksempler nedenfor på siden.

CSS syntaks

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

Egenskabsværdi

Værdi Beskrivelse
auto

Standardværdi. Justeringsreglen for hver linje bestemmes af værdien af text-align.

Når værdien af text-align er justify, vil text-align-last opføre sig som om start er sat.
venstre Den sidste linje justeres til venstre.
højre Den sidste linje justeres til højre.
center Den sidste linje justeres centreret.
justify Begge ender af den sidste linje af teksten justeres med venstre og højre kant af indholdskassen.
start

Den sidste linje justeres ved linjestarten.

Hvis text-direction er fra venstre til højre, vil det være venstrejusteret, og hvis text-direction er fra højre til venstre, vil det være højrejusteret.
end

Den sidste linje justeres ved linjesluttet.

Hvis text-direction er fra venstre til højre, vil det være højrejusteret, og hvis text-direction er fra højre til venstre, vil det være venstrejusteret.
initial Sæt denne egenskab til dens standardværdi. Se: initial.
inherit Arv denne egenskab fra forældrelementet. Se: inherit.

Tekniske detaljer

Standardværdi: auto
Arv: ja
Animation produceret: ikke understøttet. Se:Animationsrelaterede egenskaber.
Version: CSS3
JavaScript syntaks: object.style.textAlignLast="højre"

Flere eksempler

Brug text-align-last: på den sidste linje i beholderen

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

Prøv det selv

Browserunderstøttelse

Numrene i tabellen angiver den første browserversion, der fuldt ud understøtter denne egenskab.

Numre med -moz- indikerer den første version, der bruger præfiks.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 ikke understøttet 34.0

* I Edge/Internet Explorer understøttes ikke værdierne "start" og "end".