La typographie et la mise en forme de caractères
CHAPITRE 5
81
Par exemple :
L’espace entre les mots
La propriété word-spacing règle l’espace séparant deux mots consécutifs. Elle se
comporte comme letter-spacing et admet les mêmes valeurs, mais ne porte que sur
les mots entiers. Cette fonctionnalité n’est proposée par Internet Explorer qu’à partir
de sa version 6. Par exemple :
Définir la justification du texte
Trois comportements vis-à-vis des marges sont possibles pour chaque paragraphe :
alignement à gauche, alignement à droite, justification. Cette dernière possibilité,
souvent utilisée dans les livres, se traduit par un alignement simultané sur les deux
marges, en jouant automatiquement sur l’interlettrage et l’espace entre les mots.
La propriété CSS définissant l’alignement de texte est text-align. Elle admet les
valeurs left (alignement à gauche), right (alignement à droite), center (texte
centré), justify (texte justifié) et normal (comportement par défaut). Exemple :
.ecart {
letter-spacing: 0.4em;
}
.rapproch {
letter-spacing: -3px;
}
.ecart {
word-spacing: 0.4em;
}
.rapproch {
word-spacing: -3px;
}
CSS
.interligne {
text-align: justify;
width: 10em;
background-color: green;
}
HTML
CHAPITRE 5
81
Par exemple :
L’espace entre les mots
La propriété word-spacing règle l’espace séparant deux mots consécutifs. Elle se
comporte comme letter-spacing et admet les mêmes valeurs, mais ne porte que sur
les mots entiers. Cette fonctionnalité n’est proposée par Internet Explorer qu’à partir
de sa version 6. Par exemple :
Définir la justification du texte
Trois comportements vis-à-vis des marges sont possibles pour chaque paragraphe :
alignement à gauche, alignement à droite, justification. Cette dernière possibilité,
souvent utilisée dans les livres, se traduit par un alignement simultané sur les deux
marges, en jouant automatiquement sur l’interlettrage et l’espace entre les mots.
La propriété CSS définissant l’alignement de texte est text-align. Elle admet les
valeurs left (alignement à gauche), right (alignement à droite), center (texte
centré), justify (texte justifié) et normal (comportement par défaut). Exemple :
.ecart {
letter-spacing: 0.4em;
}
.rapproch {
letter-spacing: -3px;
}
.ecart {
word-spacing: 0.4em;
}
.rapproch {
word-spacing: -3px;
}
CSS
.interligne {
text-align: justify;
width: 10em;
background-color: green;
}
HTML
Test de paragraphe démontrant l'alignement
justifié, c'est-à-dire collé à gauche et à droite du bloc.
