text-justify |
Justification de texte |
|---|---|
| CSS3 |
Syntaxe
| text-justify: auto|distribute|inherit|initial|inter-cluster|inter-ideograph|inter-word|kashida|none|trim; |
Paramètres
| Paramètre | Description |
|---|---|
| auto | Ce paramètre permet d'indiquer qu'il faut utiliser l'algorithme de justification. |
| distribute | Ce paramètre permet d'indiquer qu'il faut effectuer une espacement entre les lettres et les mots afin d'augmenter ou diminuer si nécessaire la longueur de la ligne. |
| inter-cluster | Ce paramètre permet d'indiquer que seul le contenu ne contenant pas d'espacement entre les mots est justifié (comme les langues asiatiques par exemple). |
| inter-ideograph | Ce paramètre permet d'indiquer qu'il faut justifier le contenu avec le texte idéographique. |
| inter-word | Ce paramètre permet d'indiquer qu'il faut augmenter ou diminuer l'espace entre les mots. |
| kashida | Ce paramètre permet d'indiquer qu'il faut justifier le contenu avec des caractères allongeant. |
| 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é. |
| none | Ce paramètre permet d'indiquer qu'il faut désactiver la justification. |
| trim | Ce paramètre permet d'indiquer qu'il faut supprimer les espaces avant justification. |
Description
Cette propriété permet d'indiquer la méthode de justification à utiliser pour fixer la propriété «text-align».
Remarques
- Alignement du texte justifié : La propriété text-justify permet de spécifier la méthode d'alignement du texte lorsque le contenu est justifié. Elle contrôle la façon dont l'espacement entre les mots est ajusté pour que le texte occupe toute la largeur du bloc, en créant un alignement des bords gauche et droit du texte. Cela permet de créer un texte uniforme, en particulier pour les paragraphes ou les blocs de texte nécessitant une mise en page soignée.
- Valeurs disponibles : text-justify accepte principalement deux valeurs : auto et inter-word. La valeur par défaut est auto, où l'alignement du texte est effectué de manière standard. En revanche, inter-word ajuste l'espacement entre les mots pour remplir la ligne, ce qui est utile dans les cas où le texte justifié présente des espaces irréguliers ou peu naturels entre les mots.
- Compatibilité avec la justification de texte : La propriété text-justify n'a d'effet que lorsque la justification du texte est activée avec la propriété text-align: justify. Ainsi, elle vient en complément de cette propriété pour contrôler comment les espaces entre les mots sont ajustés. Si text-align n'est pas défini sur justify, text-justify n'aura aucun impact visible.
- Ajustement des espaces entre les mots : Lorsqu'une ligne de texte est justifiée, les espaces entre les mots peuvent devenir irréguliers pour remplir la largeur du conteneur. La propriété text-justify permet de gérer ce phénomène en ajustant l'espacement entre les mots. Par exemple, en utilisant text-justify: inter-word, vous pouvez garantir que les espaces sont distribués de manière plus naturelle et uniforme.
- Utilisation dans des mises en page typographiques : Dans des mises en page typographiques formelles, comme celles des livres, des journaux ou des articles, la justification du texte est souvent utilisée pour donner une apparence soignée et alignée. text-justify permet de contrôler précisément l'alignement du texte dans ces contextes, ce qui améliore la présentation du texte sur toute la largeur de la page ou du bloc.
- Éviter des espacements inesthétiques : Par défaut, la justification du texte peut entraîner des espacements inesthétiques, notamment lorsque des mots longs ou des lignes courtes sont utilisées. En activant text-justify: inter-word, l'espacement entre les mots peut être mieux géré, réduisant ainsi les effets de "coupures" pouvant être perçus comme dérangeants pour le lecteur.
- Limitations de support des navigateurs Web : La propriété text-justify est prise en charge par la plupart des navigateurs modernes, mais elle n'est pas entièrement compatible avec tous les navigateurs anciens ou certaines versions d'Internet Explorer. Il est recommandé de tester l'affichage sur différents navigateurs, surtout si l'interface doit être compatible avec des systèmes plus anciens.
- Impact sur la lisibilité du texte : Bien que la justification du texte soit souvent utilisée pour des raisons esthétiques, elle peut parfois nuire à la lisibilité, notamment sur des écrans de petite taille ou pour des blocs de texte trop larges. L'utilisation de text-justify peut aider à améliorer l'aspect visuel du texte justifié, mais il est important de toujours tester son efficacité dans le contexte de l'interface utilisateur pour s'assurer que la lisibilité n'est pas altérée.
Dernière mise à jour : Dimanche, le 20 décembre 2015