Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
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.
Valeur initiale | auto |
---|---|
Applicabilité | conteneurs de type bloc |
Héritée | oui |
Média | visuel |
Valeur calculée | comme spécifié |
Animable | non |
Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
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 sitext-align
vautjustify
, auquel cas, cela aura le même effet que d'utiliser la valeurleft
(alignement à gauche) pourtext-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 queright
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 queleft
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 Level 3 La définition de 'text-align-last' dans cette spécification. |
Version de travail | Définition initiale. |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Support simple | 35[1] 47 |
12.0 (12.0)-moz 49.0 (49.0) |
5.5[2] | Pas de support | Pas de support[3] |
Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Support simple | Pas de support[1] | 12.0 (12.0) -moz 49.0 (49.0) |
6.0[2] | Pas de support | Pas de support[1] |
[1] Activé grâce à la préférence « Activer les fonctionnalités expérimentales de Web Platform » dans le menu chrome://flags
.
[2] Les valeurs start
et end
ne sont pas supportées par Internet Explorer.
[3] Voir WebKit bug 76173.