Text-align-last - Propriété CSS

text-align-last

Résumé des caractéristiques de la propriété `text-align-last`

Description rapide

Définit l'alignement de la dernière ligne des paragraphes.

Statut

Standard

S'applique à

Éléments contenant du texte.

Utilisable sur

HTML

Valeurs prédéfinies

Pourcentages

Ne s'appliquent pas.

Valeur initiale

auto

Héritée par défaut

Oui.

Type d'animation

Discrète : lors d'une animation, la propriété text-align-last passe d'une valeur à l'autre sans transition.

Module W3C

Module CSS - Texte

Références (W3C)

🡇

🡅

CSS Text Module Level 4

Statut du document: WD (document de travail)

CSS Text Module Level 3

Statut du document: CR (document candidat à la recommandation)

Schéma syntaxique de `text-align-last`.

Schéma syntaxique de la propriété text-align-last
Les liens du schéma donnent accès à plus de détails

Description.

La propriété text-align-last gère l'alignement de la dernière ligne de texte de l'élément. Les lignes terminées par un retour forcé (balise br/) sont également concernées. Cette propriété complète donc text-align dont le rôle est de définir l'alignement de toutes les lignes.

A noter que, si le paragraphe ne compte qu'une seule ligne text-align-last est prioritaire sur text-align.

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.

Voir aussi la propriété text-align qui définit l'alignement général du texte de l'élément.

Prise en charge du mode d'écriture suivant la langue.

Les valeurs physiques left et right peuvent être remplacées par les valeurs logiques correspondantes, à savoir start et end, afin d'adapter l'alignement à la langue du texte.
Les autres valeurs (center, justify,etc.) sont les mêmes quelque soit la langue.

left

La direction et le sens d'écriture de ce texte s'adaptent à la langue choisie.

right

Valeurs pour `text-align-last`.

text-align-last: auto;

La dernière ligne est alignée comme le reste du texte, sauf dans le cas où le texte est justifié : dans ce cas la dernière ligne est calée en début de ligne (nos exemples).

Le texte peut être aligné par rapport à un des bords d’un bloc de texte. Si le texte est aligné par rapport aux deux bords, on dit qu'il est justifié. En général, la dernière ligne du texte d’un paragraphe n'est pas justifiée: elle peut être alignée à droite, à gauche, ou centrée.

Langue française
text-align-last:auto

يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.

Langue arabe
text-align-last:auto
text-align-last: left; text-align-last: right;

La dernière ligne est alignée sur la gauche ou sur la droite de l'élément, quelque soit le mode d'écriture : ces valeurs sont dites "physiques" car elles ne prennent pas en compte le sens d'écriture.

Le texte peut être aligné par rapport à un des bords d’un bloc de texte. Si le texte est aligné par rapport aux deux bords, on dit qu'il est justifié. En général, la dernière ligne du texte d’un paragraphe n'est pas justifiée: elle peut être alignée à droite, à gauche, ou centrée.

Langue française
text-align-last:left

يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.

Langue arabe
text-align-last:left
text-align-last: start; text-align-last: end;

La dernière ligne est alignée du côté du début des lignes ou de la fin des lignes, compte tenu du sens d'écriture. start correspond au côté gauche pour les langues latines, et au côté droit pour les langues qui s'écrivent de droite à gauche comme l'arabe, mais peut aussi correspondre au haut ou au bas du bloc pour les langues qui s'écrivent verticalement.

Voir la propriété direction et le tutoriel sur les modes d'écriture pour en savoir plus sur les modes d'écriture des langues non latines.

Le texte peut être aligné par rapport à un des bords d’un bloc de texte. Si le texte est aligné par rapport aux deux bords, on dit qu'il est justifié. En général, la dernière ligne du texte d’un paragraphe n'est pas justifiée: elle peut être alignée à droite, à gauche, ou centrée.

Langue française
text-align-last:start

يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.

Langue arabe
text-align-last:start
text-align-last: center;

La dernière ligne est centrée dans l'élément. Cette valeur est identique quelque soit le mode d'écriture.

Centrer la dernière ligne des paragraphes est pertinent lorsque les autres lignes sont justifiées.

Le texte peut être aligné par rapport à un des bords d’un bloc de texte. Si le texte est aligné par rapport aux deux bords, on dit qu'il est justifié. En général, la dernière ligne du texte d’un paragraphe n'est pas justifiée: elle peut être alignée à droite, à gauche, ou centrée.

Langue française
text-align-last:center

يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.

Langue arabe
text-align-last:center
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.

Le texte peut être aligné par rapport à un des bords d’un bloc de texte. Si le texte est aligné par rapport aux deux bords, on dit qu'il est justifié. En général, la dernière ligne du texte d’un paragraphe n'est pas justifiée: elle peut être alignée à droite, à gauche, ou centrée.

Langue française
text-align-last:justify

يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.

Langue arabe
text-align-last:justify
text-align-last: match-parent; ⚠

La valeur match-parent est équivalente à la valeur inherit sauf lorsque le parent est aligné sur start ou sur end, et a une direction d'écriture différente de celle de l'élément.

⚠ Attention ! Peu de navigateurs traitent correctement cette valeur (2024).

يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.

Langue arabe
text-align-last:inherit

يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.

Langue arabe
text-align-last:match-parent

Valeurs globales
(communes à toutes les propriétés)


text-align-last: initial  (auto)
text-align-last: inherit
text-align-last: revert
text-align-last: revertLayer
text-align-last: unset

Consultez les pages suivantes pour plus de détails : initial, inherit, revert, revert-layer, unset.

Animation de la propriété `text-align-last`.

Voyez ci-dessous un exemple d'animation de la propriété text-align-last.

La dernière ligne d'un texte, ou les lignes qui précèdent un retour forcé, peuvent être alignées différemment des autres lignes de texte. Cette possibilité est cependant rarement utile.

Exemple interactif avec la propriété `text-align-last`.

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.

Mode d'écriture :

Les langues européennes s'écrivent pour la plupart de gauche à droite : on dit qu'elles sont dextroverses, tandis que les langues arabes et l'hébreu sont sinistroverses : elles s'écrivent de droite à gauche.

Compatibilité des navigateurs avec la propriété `text-align-last`.

La prise en charge de la propriété text-align-last est excellent sur tous les navigateurs actuels.

Remarques :

(1) Internet Explorer ne supporte pas les valeurs start et end.

Propriété
text-align-last

Estimation de la prise en charge globale.

86%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

KaiOS Browser

Opéra Mobile

Opéra

Firefox pour Androïd

Samsung Internet

Chrome

Edge

Firefox

Androïd Brower

Chrome pour Androïd

Baidu Browser

QQ Browser

Safari

Safari sur IOS

UC Browser pour Androïd

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Historique de la propriété `text-align-last`.

Module CSS - Texte - Niveau 3

Introduction de la propriété text-align-last pour compléter text-align connue dans les versions précédentes.

27 Janvier 1999
Document de travail.
22 Décembre 2020
Candidat à la recommandation.
Module CSS - Texte - Niveau 4

Pas de changement concernant la propriété text-align-last.

22 Septembre 2015
Document de travail.

Voir aussi, concernant le traitement des textes.

La spécification concernant le traitement des textes est dénommée CSS Text Module : alignement, gestion des césures, etc. La propriété text-align-last est décrite dans ce module, ainsi que les propriétés ci-dessous :

Propriétés :

⚠

hanging-punctuation

Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).

hyphenate-character

Définit le caractère qui sera à utiliser comme marque de césure.

⚠

hyphenate-limit-chars

Définit le nombre minimal de caractères pour autoriser la césure d'un mot.

⚠

hyphenate-limit-last

Définit si les césures sont autorisées à la fin d'une colonne, d'une page, etc.

⚠

hyphenate-limit-lines

Définit le nombre maximal de lignes successives se terminant une césure

⚠

hyphenate-limit-zone

Définit le nombre maximal d'espaces pour autoriser ou interdire la césure.

hyphens

Définit si les mots peuvent être coupés en fin de ligne. La césure des mots donne une mise en page plus agréable mais peut être gênante dans certains cas.

letter-spacing

Espacement des lettres.

line-break

Définit les ruptures de lignes pour les langues CJK (chinois, japonais, coréen).

⚠

line-padding

Ajoute un espace au début et à la fin des lignes.

overflow-wrap

Gestion des coupures de mots pour les langues CJK et quelques autres.

tab-size

Définit la taille des caractères de tabulation.

text-align