2.1.3Choisissez le type de justification en fonction du texte
et de la page
“Dans un texte justifié, il y a toujours un compromis entre l'espacement des mots et la récurrence des mots interrompus en fin de ligne.
Des longueurs de ligne courtes - qui ne facilitent pas une justification harmonieuse - sont souvent utilisées quand le texte est distribué sur plusieurs colonnes. Ferrer un texte à gauche dans ces conditions allégera la page et atténuera sa rigidité.
Beaucoup de fontes sans-sérif sont plus à leur avantage dans un texte aligné à gauche ou à droite, quelle que soit la longueur de la ligne. Et quant aux polices de caractères à espacement fixe qui sont utilisées sur les machines à écrire, elles sont toujours plus belles en plaçant le fer à gauche ou à droite.”
La propriété text-align permet de contrôler le type d'alignement d'un texte en CSS, comme suit :
p {
text-align: left /* aligné à gauche */
}
p {
text-align: right /* aligné à droite */
}
p {
text-align: justify /* justifié */
}La justification efficace d’un texte n’est possible que lorsque de longs mots sont interrompus. HTML et CSS2 ne gèrent pas la justification automatique et la compréhension de l’interruption des mots par les navigateurs navigateurs actuels est très limitée.
Par conséquent, ne justifiez pas vos textes sur le web.
A l’avenir
CSS3 apporte une meilleure gestion de la justification dans son module texte. Pour les langues européennes, la propriété text-justify permet d’avoir deux options de justification : inter-word et inter-character.
inter-word permet d’activer la plus simple et la plus rapide façon de justifier un texte, en ajustant uniquement l’espace entre les mots. Il n’y a pas d’allongement ou de rétrécissement des mots, autrement dit, cette méthode n’agit pas sur l’interlettrage.
inter-character indique au navigateur d’agir à la fois sur l’espacement des mots et l’interlettrage pour que le texte puisse se déployer de façon optimale sur toute la longueur de la ligne. C’est la méthode, plus lente et sophistiquée, utilisée par les journaux et les magazines pour obtenir un texte justifié. Cela commence avec la réduction de l’interlettrage. Si le résultat n’est pas satisfaisant, les mots sont écartés les uns des autres jusqu’à un certain point, et enfin l’augmentation de l’interlettrage intervient. Par exemple :
p{
text-align:justify;
text-justify: inter-character
}CSS3 permet aussi de déterminer l’alignement de la dernière ligne d’un bloc de texte avec la propriété text-align-last. Normalement, la dernière ligne est ferrée à gauche, mais si la valeur de text-align-last est définie comme justify, la dernière ligne de texte s’étend tout le long de la ligne, même si d’un point de vue typographique ce n’est pas du tout souhaitable.
Une autre utilisation de text-align-last peut être faite en lui assignant la valeur de size. Le contenu de cette dernière ligne est mis à l’échelle afin qu’il occupe tout sa longueur. Une ligne avec moins de caractères sera alors composée avec une taille plus grande.