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.

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 start 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 Module Level 3
La définition de 'text-align-last' dans cette spécification.
Version de travail Définition initiale.
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

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simple
Expérimentale
Chrome Support complet 47
Support complet 47
Aucun support 35 — 47
Désactivée
Désactivée From version 35 until version 47 (exclusive): this feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.
Edge Support complet 12Firefox Support complet 49
Support complet 49
Aucun support 12 — 53
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -moz-
IE Support partiel Partiel
Notes
Support partiel Partiel
Notes
Notes IE only supports text-align-last when text-align is set to justify.
Notes The start and end values are not supported.
Opera Support complet OuiSafari Aucun support Non
Notes
Aucun support Non
Notes
Notes See WebKit bug 76173.
WebView Android Support complet 47
Support complet 47
Aucun support 37 — 47
Désactivée
Désactivée From version 37 until version 47 (exclusive): this feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true).
Chrome Android Support complet 47
Support complet 47
Aucun support 35 — 47
Désactivée
Désactivée From version 35 until version 47 (exclusive): this feature is behind the Enable Experimental Web Platform Features preference (needs to be set to true). To change preferences in Chrome, visit chrome://flags.
Edge Mobile Support complet OuiFirefox Android Support complet 49
Support complet 49
Aucun support 14 — 53
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -moz-
Opera Android Support complet OuiSafari iOS Aucun support Non
Notes
Aucun support Non
Notes
Notes See WebKit bug 76173.
Samsung Internet Android Support complet 5.0

Légende

Support complet  
Support complet
Support partiel  
Support partiel
Aucun support  
Aucun support
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Fonctionnalité expérimentale. Celle-ci peut être amenée à changer par la suite.
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

Voir aussi

Étiquettes et contributeurs liés au document

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