text-align-last |
Aligne le dernier texte |
|---|---|
| CSS3 |
Syntaxe
| text-align-last: auto|center|end|inherit|initial|justify|left|right|start; |
Paramètres
| Paramètre | Description |
|---|---|
| auto | Ce paramètre permet d'indiquer que la dernière ligne est justifié et aligné vers la gauche. C'est la valeur par défaut. |
| center | Ce paramètre permet d'indiquer que la dernière ligne est aligné vers le centre. |
| end | Ce paramètre permet d'indiquer que la dernière ligne est aligné à la fin de la ligne. |
| inherit | Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent. |
| initial | Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété. |
| justify | Ce paramètre permet d'indiquer que la dernière ligne est justifié dans le reste de ligne. |
| left | Ce paramètre permet d'indiquer que la dernière ligne est aligné vers la gauche. |
| right | Ce paramètre permet d'indiquer que la dernière ligne est aligné vers la droite. |
| start | Ce paramètre permet d'indiquer que la dernière ligne est aligné au début de la ligne. |
Description
Cette propriété permet d'indiquer comment aligner la dernière ligne d'un texte.
Remarques
- Alignement du dernier bloc de texte : La propriété text-align-last permet de contrôler l'alignement du dernier élément de texte dans un bloc, ce qui est particulièrement utile lorsqu'un texte est divisé sur plusieurs lignes ou blocs. Par défaut, l'alignement s'applique à l'ensemble du texte dans un conteneur, mais text-align-last permet de personnaliser uniquement le dernier bloc de texte, ce qui peut améliorer la lisibilité et la présentation du texte.
- Utilisation avec text-align : text-align-last fonctionne en complément de la propriété text-align, contrôlant l'alignement du texte dans son ensemble. Tandis que text-align ajuste l'alignement de tout le texte, text-align-last ne modifie que l'alignement de la dernière ligne ou du dernier fragment de texte dans un bloc. Cela permet de créer des mises en page de texte plus flexibles.
- Valeurs disponibles : La propriété text-align-last accepte plusieurs valeurs telles que start, end, center, left, right, et justify. Par exemple, utiliser text-align-last: center alignera le dernier bloc de texte au centre, même si le reste du texte est aligné différemment (comme à gauche ou justifié).
- Impact sur les paragraphes justifiés : Lorsque le texte est justifié à l'aide de la propriété text-align: justify, text-align-last permet de spécifier comment la dernière ligne du paragraphe doit être alignée. Par défaut, cette dernière ligne peut être alignée à gauche ou justifiée, mais en utilisant text-align-last: right ou center, vous pouvez personnaliser son alignement.
- Application aux blocs de texte longs : Pour les textes longs ou les paragraphes, text-align-last devient particulièrement utile lorsque vous souhaitez que la dernière ligne de texte ne suive pas le même alignement que les autres. Par exemple, vous pouvez justifier tout le texte sauf la dernière ligne, qui peut être centrée ou alignée à droite pour créer une rupture visuelle élégante.
- Comportement avec les éléments de bloc : La propriété text-align-last s'applique principalement aux éléments de type bloc contenant plusieurs lignes de texte, comme les paragraphes (<p>), les divs (<div>) ou les sections de texte. Elle ne s'applique pas directement aux éléments en ligne, car ceux-ci ne comportent généralement qu'une seule ligne de texte, et donc un alignement spécifique pour la dernière ligne n'est pas nécessaire.
- Prise en charge des différentes langues : La valeur de text-align-last peut être influencée par la direction du texte (par exemple, de gauche à droite ou de droite à gauche) dans certaines langues. Par exemple, dans un texte écrit en arabe ou en hébreu, la valeur start pourrait aligner le texte à droite, tandis que pour un texte en anglais, elle pourrait l'aligner à gauche. Cela permet de mieux gérer l'alignement dans des contextes multilingues.
- Compatibilité avec les navigateurs Web : Bien que la propriété text-align-last soit largement supportée par les navigateurs modernes, il est toujours recommandé de tester la compatibilité dans les versions plus anciennes de certains navigateurs (comme Internet Explorer), car cette propriété peut ne pas être entièrement prise en charge ou se comporter différemment selon les versions du navigateur Web.
Dernière mise à jour : Dimanche, le 20 décembre 2015