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 :

CSS - Propriété text-align-last

Description.

La propriété text-align-last définit l'alignement de la dernière ligne des paragraphes contenus dans l'élément. Les lignes terminées par un retour forcé (br/) sont également concernées.

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.

Valeurs pour text-align-last.

  • text-align-last: auto;
    text-align-last:auto : dernière ligne à gauche

    Valeur par défaut, équivalente à start.

  • text-align-last: left;
    text-align-last:left : dernière ligne à gauche

    La dernière ligne est alignée sur la gauche de l'élément.

  • text-align-last: right;
    text-align-last:right : dernière ligne à droite

    La dernière ligne est alignée sur la droite de l'élément.

  • text-align-last: center;
    text-align-last:center : dernière ligne centrée

    La dernière ligne est centrée dans l'élément.

  • text-align-last: justify;
    text-align-last:justify : dernière ligne justifiée

    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.

  • text-align-last: start;
    text-align-last:start : dernière ligne alignée sur le début du block

    La dernière ligne est alignée au début de l'élément, compte tenu du sens d'écriture. C'est à dire quelle sera alignée à gauche pour les langues européennes, et à droite pour les langues qui s'écrivent de droite à gauche comme l'arabe ou l'hébreu.

    Voir la propriété direction.

  • text-align-last: end;
    text-align-last:end : dernière ligne alignée sur la fin du block

    La dernière ligne est alignée à la fin de l'élément, compte tenu du sens d'écriture, donc à droite pour les langues européennes, et à gauche pour les langue qui s'écrivent de droite à gauche comme l'arabe ou l'hébreu.

  • text-align-last: initial;

    La valeur initiale est auto.

  • text-align-last: unset; text-align-last: inherit;

    Reportez-vous à la description générale de ces valeurs.

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.


Sens 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 sinistroverse : elles s'écrivent de droite à gauche.

Prise en charge par les navigateurs (compatibilité).

Afficher les versions antérieures   Afficher la version à venir  

Voir aussi...

Blocs de texte - Propriétés.