text-align-last - Propriété CSS
Résumé des caractéristiques de la propriété text-align-last
auto
| start
| end
| left
| right
| center
| justify
| match-parent
auto
text-align-last
passe d'une valeur à l'autre sans transition.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
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çaisetext-align-last:auto
يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.Langue arabetext-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çaisetext-align-last:left
يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.Langue arabetext-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çaisetext-align-last:start
يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.Langue arabetext-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çaisetext-align-last:center
يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.Langue arabetext-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çaisetext-align-last:justify
يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.Langue arabetext-align-last:justify
- text-align-last: match-parent; ⚠
La valeur
match-parent
est équivalente à la valeurinherit
sauf lorsque le parent est aligné surstart
ou surend
, et a une direction d'écriture différente de celle de l'élément.⚠ Attention ! Peu de navigateurs traitent correctement cette valeur (2024).
يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.Langue arabetext-align-last:inherit
يمكن محاذاة النص مع أحد حواف إطار النص. إذا تمت محاذاة النص مع كلا الحافتين، فيُقال إنه مبرر. بشكل عام، لا يتم تبرير السطر الأخير من النص في فقرة ما: يمكن أن يكون محاذياً لليمين أو لليسار أو، في أغلب الأحيان، في المنتصف.Langue arabetext-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
.
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.
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.
text-align-last
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.