CSS text-align-last eigenschap

Definitie en gebruik

De text-align-last eigenschap bepaalt hoe de laatste regel van de tekst uitgelijnd wordt.

Let op, de text-align-last eigenschap stelt de laatste regel van alle geselecteerde elementen in. Dus, als er drie paragrafen in een <div> zijn, wordt text-align-last toegepast op de laatste regel van elke paragraaf. Om text-align-last te gebruiken op het laatste paragraaf in een container, kunt u :last-child gebruiken, zie het volgende voorbeeld.

Opmerking:In Edge/Internet Explorer is de text-align-last eigenschap alleen van toepassing op tekst met "text-align: justify".

Zie ook:

CSS Tutorial:CSS tekst

HTML DOM Referentie Handboek:textAlignLast Eigenschap

Voorbeeld

Gelijke三家 <div>-elementen op de laatste regel:

div.a {
  text-align: justify;  /* Voor Edge */
  text-align-last: right;
}
div.b {
  text-align: justify; /* Voor Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Voor Edge */ 
  text-align-last: justify;
}

Probeer het zelf uit

Meer TIY voorbeelden zijn te vinden onderin de pagina.

CSS syntaxis

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

Eigenschapswaarde

Waarde Beschrijving
auto

Standaardwaarde. De uitlijnregels van elke regel worden bepaald door de waarde van text-align.

Als de waarde van text-align justify is, dan is het gedrag van text-align-last hetzelfde als dat van start.
left De laatste regel wordt naar links uitgelijnd.
right De laatste regel wordt naar rechts uitgelijnd.
center De laatste regel wordt in het midden uitgelijnd.
justify Het begin van de laatste regel van het tekstteken wordt uitgelijnd met de linkerkant van de inhoudsbox, het einde van de tekst wordt uitgelijnd met de rechterkant.
start

De laatste regel wordt uitgelijnd aan het begin van de regel.

Als text-direction van links naar rechts is, dan wordt het links uitgelijnd, als text-direction van rechts naar links is, dan wordt het recht uitgelijnd.
end

De laatste regel wordt uitgelijnd aan het einde van de regel.

Als text-direction van links naar rechts is, dan wordt het recht uitgelijnd, als text-direction van rechts naar links is, dan wordt het links uitgelijnd.
initial Stel deze eigenschap in op de standaardwaarde. Raadpleeg: initial.
inherit Deze eigenschap erft van de ouderlijke element. Raadpleeg: inherit.

Technische details

Standaardwaarde: auto
Inherit: ja
Animatie maken: niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie: CSS3
JavaScript syntaxis: object.style.textAlignLast="right"

Meer voorbeelden

Gebruik text-align-last: op de laatste regel in de container

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

Probeer het zelf uit

Browserondersteuning

De getallen in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Getallen met -moz- als voorvoegsel geven de eerste versie aan die het voorvoegsel gebruikt.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 niet ondersteund 34.0

* In Edge/Internet Explorer wordt "start" en "end" niet ondersteund.