text-align-last

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

La propriété text-align-last décrit la façon dont la dernière ligne d'un bloc, ou une ligne avant un retour à la ligne forcé, doit être alignée.

Valeur initialeauto
Applicabilitéconteneurs de type bloc
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

/* Valeurs utilisant un mot-clé */
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;

/* Valeurs globales */
text-align-last: inherit;
text-align-last: initial;
text-align-last: unset;

Valeurs

auto
La ligne concernée est alignée selon la valeur de text-align sauf si text-align vaut justify, auquel cas, cela aura le même effet que d'utiliser la valeur left (alignement à gauche) pour text-align-last.
start
Cette valeur a le même effet que la valeur left si la direction du texte va de gauche à droite ou le même effet que right si la direction du texte va de droite à gauche.
end
Cette valeur a le même effet que la valeur right si la direction du texte va de gauche à droite ou le même effet que left si la direction du texte va de droite à gauche.
left
Les contenus en ligne (inline) sont alignés sur le bord gauche de la boîte contenant la ligne.
right
Les contenus en ligne (inline) sont alignés sur le bord droit de la boîte contenant la ligne.
center
Les contenus en ligne (inline) sont horizontalement centrés par rapport à la boîte contenant la ligne.
justify
Le texte est justifié. Les bords gauche et droit du texte sont alignés avec les bord gauche et droit du paragraphe.

Syntaxe formelle

auto | start | end | left | right | center | justify

Exemples

HTML

<p class="exemple">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>

CSS

.exemple {
  text-align: justify;
  text-align-last: center;
}

Résultat

Spécifications

Spécification État Commentaires
CSS Text Level 3
La définition de 'text-align-last' dans cette spécification.
Version de travail Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 35[1]
47
12.0 (12.0)-moz
49.0 (49.0)[2]
5.5[3] Pas de support Pas de support[4]
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple Pas de support[1] 12.0 (12.0)-moz
49.0 (49.0)[2]
6.0[3] Pas de support Pas de support[1]

[1] Cette fonctionnalité peut être activée via la préférence « Fonctionnalités expérimentales de la plate-forme Web » sous chrome://flags.

[2] La version de la propriété préfixée par -moz a été retirée avec Gecko 53 (Firefox 53.0 / Thunderbird 53.0 / SeaMonkey 2.50).

[3] Internet Explorer ne prend pas en charge les valeurs start et end.

[4] Cf. WebKit bug 76173.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, Sebastianz, fvignals, teoli, FredB
 Dernière mise à jour par : SphinxKnight,