hyphens

Syntaxe

Paramètres

Description

Cette propriété permet de fixer le comportement que doit avoir le navigateur Web lorsqu'un mot trop long pour l'espacement attribué se produit et d'appliquer un trait d'union avec un saut de ligne si nécessaire.

Remarques

• En dehors de langue anglaise, cette propriété est peu efficace, et même anglais, de nombreux mots ne sont pas reconnu. Il s'agit donc d'une propriété s'avérant peut fiable. Pour cette raison, il est préférable d'ajouter manuellement «­» dans le mot plutôt que de ce fier au navigateur Web. L'ennui avec les algorithmes actuels, c'est qu'il applique une règle rigide pour n'importe quel phrase sans en comprendre le sens et le meilleur endroit pour le couper. De se fait, on peut facilement dire que l'utilisation de cette propriété est totalement imprévisible. Il faudrait une forme d'intelligence artificielle afin que le texte soit correctement compris et correctement découpé, ce que les navigateurs Web ne propose pas pour le moment. De plus, le comportement change d'une langue à l'autre, cette situation compliquant encore davantage un résultat probant.
• La propriété des traits d'union avec la valeur auto nécessite l'accès aux ressources de césure spécifiques à la langue (avec l'attribut «lang» d'une balise HTML). Elle n'examine pas le comportement langue par langue, mais supposent la disponibilité d'une ressource de césure en anglais pour tester les principes généraux.
• Contrôle de la césure du texte : La propriété hyphens permet de spécifier si et comment les mots doivent être coupés automatiquement à la fin des lignes dans un bloc de texte. Cela aide à éviter des espacements irréguliers et à améliorer la présentation du texte, en particulier dans les blocs de texte justifiés.
• Valeurs possibles : La propriété peut prendre trois valeurs : none, manual, et auto. Avec none, aucune césure automatique n'est effectuée. manual permet d'inclure manuellement des indices de césure via des tirets insérés dans le texte. auto active la césure automatique, souvent basée sur la langue et les règles typographiques associées.
• Compatibilité avec les langues : La césure automatique est généralement dépendante de la langue du texte. En utilisant hyphens: auto;, le navigateur Web peut appliquer des règles spécifiques pour chaque langue, garantissant une césure appropriée. Cela nécessite une bonne configuration des paramètres de langue et du dictionnaire pour un rendu optimal.
• Amélioration de la lisibilité : En ajustant la césure du texte, hyphens peut aider à équilibrer l'espacement entre les mots sur les lignes longues, améliorant ainsi la lisibilité des textes. Cette fonctionnalité est particulièrement utile dans des contextes où le texte est justifié, comme dans des articles ou des livres numériques.
• Impact sur les langues sans césure naturelle : Certaines langues, comme le japonais ou le chinois, ne nécessitent pas de césure de mots. En définissant hyphens: none;, vous pouvez désactiver la césure pour ces langues afin de préserver leur structure naturelle sans appliquer des règles de césure ne leur convenant pas.
• Considérations typographiques : La césure des mots peut affecter la fluidité du texte. L'utilisation de hyphens: auto; dans les interfaces utilisateurs ou les documents en ligne doit être soigneusement pensée pour ne pas perturber la lisibilité, notamment sur des écrans de petite taille où les coupures de mots peuvent devenir inesthétiques.
• Interaction avec les espaces et les marges : La propriété hyphens peut être utilisée en complément avec des propriétés comme word-wrap et word-break. Par exemple, si le texte contient des mots longs ou des éléments comme des URL, l'utilisation correcte de la césure permet de rendre le texte plus fluide et moins fragmenté visuellement.
• Accessibilité et lisibilité sur mobiles : Sur les appareils mobiles où l'espace d'affichage est limité, hyphens: auto; peut améliorer l'apparence du texte en évitant de longues séquences sans espace pouvant forcer le texte à se couper abruptement ou à s'étirer. Cela contribue à rendre le contenu plus accessible et agréable à lire sur de petits écrans.