Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

text-align-last - Propriété CSS

text-align-last

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

Description rapide
Alignement de la dernière ligne des paragraphes.
Statut
Standard
S'applique à
Éléments contenant du texte.
Type de valeur
Valeur prédéfinie
Valeurs prédéfinies
auto | start | end | left | right | center | justify | match-parent
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)
 🡇  
 🡅  
Statut du document:: WD (document de travail)

Statut du document:: CRD (document proposé pour la recommandation)

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'adap­tent à la langue choisie.
right

Valeurs pour text-align-last.

Syntaxe de text-align-allSchéma syntaxique de la propriété CSS text-align-all (alignement du texte). auto auto start start end end left left right right center center justify justify match-parent match-parenttext-align-all:;text-align-all:;
  • 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 langues non latines 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
  • text-align-last: initial; text-align-last: inherit; text-align-last: revert; text-align-last: revert-layer; text-align-last: unset;

    La valeur initiale est : auto.

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.

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.


Mode d'écriture :

text-align-last :

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.

1
text-align-last
Estimation de la prise en charge en pourcentage du parc actuel.
86%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Androïd Brower

Chrome

Chrome pour Androïd

Edge

Firefox

Firefox pour Androïd

Internet Explorer

Opéra

Opéra Mobile

Safari

Safari sur IOS

Samsung Internet

Voir aussi, dans le même module de standardisation que text-align-last.

Les spécifications CSS éditées par le W3C sont organisées en modules. text-align-last fait partie du Module CSS - Texte (CSS Text Module). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).
Définit le caractère qui sera à utiliser comme marque de césure.
Définit le nombre minimal de caractères pour autoriser la césure d'un mot.
Définit si les césures sont autorisées à la fin d'une colonne, d'une page, etc.
Définit le nombre maximal de lignes successives se terminant une césure
Définit le nombre maximal d'espaces pour autoriser ou interdire la césure.
Césure des mots.
Espacement des lettres.
Rupture de lignes pour les langues CJK (chinois, japonais, coréen).
Gestion des coupures de mots.
Taille des caractères de tabulation.
Alignement du texte.
Définit l'alignement des lignes d'un texte.
Définit l'espace entre les caractères adjacents (CJK).
Définit le retrait de la première ligne des paragraphe (indentation).
Sélectionne la méthode utilisée pour justifier le texte.
Définit comment gérer les espaces et les espaces multiples dans le texte.
Définit si les espaces au début et à la fin du texte de l'élément doivent être conservés ou supprimés.
Definit l'espacement autour des caractères de ponctuation CJK.
Casse du texte (minuscules, majuscules...).
Définit la gestion des retours à la ligne du texte.
Définit la gestion des espaces multiples et des retours chariot.
Définit comment les espaces successifs doivent être réduits.
Définit si comment le navigateur doit supprimer les espaces réductibles.
Définit quelle logique le navigateur doit utilier pour identifier les limites des mots.
Substitue certains caractères de séparation de mots par d'autres.
Coupure des mots longs.
Normalise les caractères d'espacement (écritures CJK).
Permet d'ajuster l'espacement des mots.
Coupure des mots.