Coupe une chaîne en segments
Tutoriel CSS : La propriété text-justify
La propriété text-justify en CSS permet de contrôler la justification du texte dans un élément.
Syntaxe générale de la propriété text-justify
La syntaxe générale de la propriété text-justify est la suivante :
text-justify: auto|inter-word|inter-character|none;
| Valeurs par défaut | auto |
|---|---|
| Inherited: | oui |
| Animable : | non En savoir plus sur l'animable |
| Version: | CSS3 |
| Syntaxe JavaScript: | object.style.textJustify="inter-word" |
Valeurs possibles de la propriété text-justify
- auto: Justification automatique du texte selon les règles de la langue.
- inter-word: Justification du texte entre les mots.
- inter-character: Justification du texte entre les caractères.
- none: Pas de justification du texte.
Exemples pratiques d'utilisation de la propriété text-justify
Voici quelques exemples d'utilisation de la propriété text-justify:
/* Justification automatique du texte */ text-justify: auto; /* Justification du texte entre les mots */ text-justify: inter-word; /* Justification du texte entre les caractères */ text-justify: inter-character; /* Pas de justification du texte */ text-justify: none;
Astuces et conseils d'utilisation de la propriété text-justify
Voici quelques astuces et conseils pour utiliser au mieux la propriété text-justify:
- La justification automatique (auto) est souvent la meilleure option pour la lisibilité du texte.
- La justification entre les mots (inter-word) peut être utile pour certains styles de design.
- La justification entre les caractères (inter-character) est rarement utilisée et peut causer des problèmes de lisibilité.
- Si vous souhaitez désactiver complètement la justification, utilisez la valeur none.
Prise en charge de la propriété dans les navigateurs
Les numéros figurant dans le tableau indiquent la première version du navigateur qui prend totalement en charge la propriété.
| Explorateur |  |  |  |  |  |
|---|---|---|---|---|---|
| Verssion | yes | 11 | 55 | 10.0.3 | yes |