Attribut text-align-last CSS

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 the last line of all selected elements. Therefore, if a <div> contains three paragraphs, text-align-last will be applied to the last line of each paragraph. If you want to use text-align-last on the last paragraph in the container, you can use :last child, see the following example.

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

See also:

CSS Tutorial:Texte CSS

HTML DOM Reference Manual:textAlignLast Property

Example

Align the last line of the three <div> elements:

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

Essayez-le vous-même

Vous pouvez trouver plus d'exemples TIY en bas de la page.

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description
auto

Valeur par défaut. Les règles d'alignement de chaque ligne sont déterminées par la valeur de text-align.

Lorsque la valeur de text-align est justify, le comportement de text-align-last est le même que celui de start.
left La dernière ligne est alignée à gauche.
right La dernière ligne est alignée à droite.
center La dernière ligne est centrée.
justify Le début du texte de la dernière ligne est aligné avec la gauche de la boîte de contenu, et la fin avec la droite.
start

La dernière ligne est alignée au début de la ligne.

Si text-direction est de gauche à droite, alignement à gauche, si text-direction est de droite à gauche, alignement à droite.
end

La dernière ligne est alignée à la fin de la ligne.

Si text-direction est de gauche à droite, alignement à droite, si text-direction est de droite à gauche, alignement à gauche.
initial Réinitialisez cette propriété à sa valeur par défaut. Voir initial.
inherit Inherited from its parent element. Voir inherit.

Détails techniques

Valeur par défaut : auto
Héritage : Oui
Création d'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.textAlignLast="right"

Plus d'exemples

Utilisez text-align-last: dans la dernière ligne du conteneur

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

Essayez-le vous-même

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur prenant en charge cette propriété.

Les nombres avec -moz- indiquent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 Non pris en charge 34.0

* Dans Edge/Internet Explorer, les valeurs "start" et "end" ne sont pas prises en charge.