CSS3
Alignement et césure
L'alignement du texte
L'alignement par défaut du texte est relatif au paramètrage du navigateur. En langue latine il sera évidemment aligné à gauche.
<p>Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare quaedam conducentia saluti suae per itinera conaretur, remoti sunt omnes de industria milites agentes in civitatibus perviis.</p>
On peut choisir d'aligner son texte à droite (right), à gauche (left), de le centrer (center) ou de le justifier (justify).
p {
text-align:justify;
}
La césure
L'un des gros problèmes relatif à la lecture numérique est la césure (parfois aléatoire et incontrôlable) définie par certains moteurs de rendu ou appareils de lecture. Pour optimiser au maximum vos pages Web et epub, et que l'appareil de lecture choisisse le bon dictionnaire de césure, il faut spécifier la langue à l'intérieur du code de celui-ci (et non pas seulement dans les métadonnées). Notons que certains appareils de lecture (heureusement de plus en plus minoritaires et, on peut l'espérer, voués à des mises à jour prochaines) ne supportent pas la césure.
Si votre HTML est rédigé en langue française par exemple, spécifiez xml:lang="fr" dans vos fichiers xhtml, à la suite de :
<html xmlns="http://www.w3.org/1999/xhtml"
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
Vous pouvez également le spécifier dans la balise <body> :
<body xml:lang="fr">
Le standard CSS3 permet de spécifier un -webkit-hyphens:none; dans la feuille de style ce qui a pour effet d'annuler toute césure. Cela est particulièrement utilisé pour les titres de chapitres.
Ensuite la propriété word-wrap permettra de spécifier l'utilisation ou non de césure automatique. Dans la même direction, hyphens permettra de spécifier si la césure est manuelle (manual) c'est-à-dire prenant en compte les caractères saisis dans le texte avec U+2010 ou U+00AD qui correspond au HTML ­, automatique (auto).
Pour un texte
<p lang="la">Lorem ipsum dolor sit amet, consectetur adipis­cing elit. Phasellus sit amet dolor ultricies felis ornare tempus in vel erat. Suspendisse potenti. Suspendisse potenti. Integer convallis auctor dolor, quis sodales nisl tristique et. Nam accumsan in dui a gravida. Nam varius turpis et tempor sodales. Etiam ullamcorper massa non nunc rhoncus rhoncus. Cras consectetur, neque ut ultrices lobortis, nibh enim sodales quam, tempus mattis ligula lacus ut velit. Maecenas ante arcu, rhoncus id est id, posuere pulvinar nunc. Vestibulum at dui consequat, faucibus enim sit amet, molestie lorem. Nunc nunc sem, aliquam quis blandit sed, dictum id magna. Etiam quis bibendum mi, sit amet pretium nunc. Curabitur ac ultricies ante. Etiam posuere purus dolor, id dapibus felis laoreet a. Maecenas lorem nunc, convallis in felis id, imperdiet vestibulum arcu. Proin et iaculis est, at suscipit ligula.</p>
contenant des ­ sur la première ligne
p {
background-color:yellow;
-moz-hyphens : manual; /* ou auto */
-webkit-hyphens : manual; /* ou auto */
-ms-hyphens : manual ; /* ou auto */
text-align : justify;
}
On voit bien sur le rendu suivant que la césure est effectuée sur la dernière syllabe du mot adisciping. Bien sûr le mieux est d'utiliser la césure automatique avec un dictionnaire de référence pour ne pas avoir à saisir chaque possibilité dans le texte.
