CSS - Propriété text-align-last
Description.
La propriété text-align-last définit l'alignement de la dernière ligne des paragraphes contenus dans l'élément.
Les lignes terminées par un retour forcé (br/) sont également concernées.
L'alignement de dernière ligne n'est intéressant que si le texte et justifié. Dans tous les autres cas, la solution la plus pertinente est d'aligner la dernière ligne comme le reste du paragraphe.
Valeurs pour text-align-last.
- text-align-last: auto;
Valeur par défaut, équivalente à
start. - text-align-last: left;
La dernière ligne est alignée sur la gauche de l'élément.
- text-align-last: right;
La dernière ligne est alignée sur la droite de l'élément.
- text-align-last: center;
La dernière ligne est centrée dans l'élément.
- text-align-last: justify;
La dernière ligne est justifiée : elle occupe toute la largeur de l'élément.
Si la dernière ligne comporte peu de mots, cela peut conduire à un résultat peu esthétique : quelques mots avec de grands espaces entre. Il est parfois préférable de choisir la valeur
center. - text-align-last: start;
La dernière ligne est alignée au début de l'élément, compte tenu du sens d'écriture. C'est à dire quelle sera alignée à gauche pour les langues européennes, et à droite pour les langues qui s'écrivent de droite à gauche comme l'arabe ou l'hébreu.
Voir la propriété
direction. - text-align-last: end;
La dernière ligne est alignée à la fin de l'élément, compte tenu du sens d'écriture, donc à droite pour les langues européennes, et à gauche pour les langue qui s'écrivent de droite à gauche comme l'arabe ou l'hébreu.
- text-align-last:
initial;La valeur initiale est
auto. -
Reportez-vous à la description générale de ces valeurs.
Simulateur.
La propriété text-align-last ne concerne que la dernière ligne des paragraphes, comme vous le verrez en jouant
avec le simulateur ci-dessous.
text-align-last :
Prise en charge par les navigateurs (compatibilité).
Afficher le tableau de compatibilité (informations fournies par canIuse.com).
Voir aussi...
Blocs de texte - Propriétés.
direction: Sens d'écriture.hyphens: Césure des mots.letter-spacing: Espacement des lettres.line-height: Définit la hauteur des lignes de texte.text-align: Alignement du texte.text-emphasis-color: Définit la couleur des caractères de mise en exergue.text-emphasis-position: Position des caractères de mise en exergue.text-emphasis-style: Style de mise en exergue.text-indent: Définit le retrait de la première ligne des paragraphe (indentation).text-justify: Méthode utilisée pour justifier le texte.text-overflow: Indication de débordement du texte.unicode-bidi: Gestion des possibilités d'écriture bidirectionnelle de Unicode.word-spacing: Espacement des mots.writing-mode: Sens et direction d'écriture (horizontale ou verticale).