propriété text-justify CSS

Définition et utilisation

L'attribut text-justify spécifie la manière dont le texte est aligné lorsque text-align est réglé sur "justify".

Cette propriété détermine comment aligner et séparer le texte des lignes d'alignement.

Exemple

Changer l'intervalle entre les mots pour l'alignement des lignes :

div
{
text-align:justify;
text-justify:inter-word;
}

Essayez-le vous-même

Grammaire CSS

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Valeur de l'attribut

Valeur Description Test
auto Le navigateur décide de l'algorithme d'alignement des lignes. Test
none Désactiver l'alignement des lignes. Test
inter-word Augmenter / réduire l'intervalle entre les mots. Test
inter-ideograph Aligner le contenu avec du texte sémantique. Test
inter-cluster Aligner uniquement le contenu qui ne contient pas d'intervalle de mots internes (par exemple, les langues asiatiques). Test
distribute Similaire à la mise en page des journaux, sauf que la dernière ligne des langues de l'Asie de l'Est n'est pas alignée. Test
kashida Aligner le contenu en étirant les caractères. Test

Détails techniques

Valeur par défaut : auto
Héritabilité : yes
Version : CSS3
Grammaire JavaScript : object.style.textJustify="inter-word"

Support du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété entièrement.

Chrome IE / Edge Firefox Safari Opera
Support * 11.0 55.0 10.0.3 Support *

* Cette fonction se trouve dans les préférences "Activer les fonctionnalités expérimentales du platforme Web" (doit être réglé sur "Activé"). Pour modifier les préférences dans Chrome : entrez "chrome://flags" dans le navigateur Chrome. Pour modifier les préférences dans Opera : entrez "flags" dans le navigateur Opera.