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-justify

Description.

La propriété text-justify définit la méthode utilisée pour justifier le texte. La justification suppose un étirement des lignes de texte afin de leur donner à toutes une longueur identique. Cet étirement peut se faire en augmentant les espaces entre les mots ou en jouant sur les espaces entre les caractères.

Bien entendu, cette propriété n'a d'effet que si le texte est justifié (voir propriété text-align).

Sur certains navigateurs (comme Chrome) le traitement de cette propriété est désactivé par défaut. Pour l'activer, tapez chrome://flags dans la barre d'adresse.

Syntaxes pour text-justify.

  • text-justify: auto;

    Valeur par défaut. Le navigateur définit la méthode de justification.

  • text-justify: none;

    Cette valeur désactive la justification.

  • text-justify: inter-word;

    La justification du texte est réalisée en ajustant les espaces entre les mots.

    Ce type de justification peut produire un résultat peu élégant lorsque les espaces entre les mots deviennent importants. La solution est alors d'insérer des tirets de césure ( &sshy; ) ou de passer en justification entre les caractères.

    Justification par des espaces entre les mots

  • text-justify: inter-character;

    La justification du texte est réalisée en ajustant les espaces entre les caractères.

    Justification par des espaces entre les caractères

  • text-justify: initial;

    La valeur initiale est auto.

  • text-justify: unset; text-justify: inherit;

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

Simulateur.

Ajouter un préfixe :
text-justify :
-webkit-text-justify :
Duis sed urna tempus, ultricies ligula et, aliquet sem. Donec vitae fringilla ligula. Donec pharetra sempermetus quis porttitor. In sit amet aliquam metus. Phasellus fermentum lectus sed arcu gravida, nec condimentum leo hendrerit. Pellentesque vitae euismod libero. Morbi vitae odio eros. Nam convallis orci at rutrum efficitur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean ac tincidunt sapien, vel vehicula magna. Integer laoreet enim dui, imperdiet imperdiet nulla porttitor non. Duis suscipit pulvinar felis, id consequat ante lacinia sed. Integer fermentum, augue quis viverra convallis, leo odio bibendum ipsum, porta tempus nibh arcu in tellus. Sed tristique mattis malesuada. In a nunc ac mauris dignissim posuere ac non est. Pellentesque nec mauris iaculis felis sagittis fermentum sed ut lorem.

Voir aussi...

Blocs de texte - Propriétés.