Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.
Résumé
La propriété CSS hyphens communique au navigateur la méthode à utiliser pour faire la césure des mots afin d'améliorer l'agencement du texte lors
- Valeur initiale
manual - S'applique à tous les éléments
- Héritée oui
- Pourcentages —
- Média
visual - Valeur calculée comme spécifié
- Animable non
- Ordre canonique l'ordre unique et non-ambigu défini par la grammaire formelle
Syntaxe
hyphens: none | manual | auto
Valeurs
-
none - Les mots ne sont pas coupés aux fins de lignes, même si un caractère dans le texte suggère des points de césure possibles. Les lignes ne sont coupées qu'aux espaces blancs.
-
manual - Les mots sont coupés seulement au niveau des caractères suggérant la possibilité d'une césure. Voir Suggérer des sauts de ligne pour plus de détails.
-
auto - Le navigateur est libre de réaliser les césures aux endroits appropriés, en suivant la règle qu'il a choisi. Les sauts de ligne suggérés abordés dans Suggérer des sauts de ligne, sont préférés à la sélection automatique des points de césure lorsque possible.
auto induit un comportement dépendant de la bonne indication de la langue qui indique l'utilisation d'un ensemble de règles appropriées. Il est nécessaire de définir une langue en utilisant l'attribut HTML lang de manère à garantir que la césure automatique est appliquée correctement à la langue de votre choix.Suggérer des sauts de ligne
Il existe deux caractères Unicode qui peuvent être utilisés pour spécifier manuellement des points de césure potentiels :
- U+2010 (HYPHEN)
- Le trait d'union « dur » indique une possiblité de saut de ligne d'une manière visible. Même si la ligne n'est finalement pas coupée à cet endroit, le trait d(union est affiché.
- U+00AD (SHY)
-
Un trait d'union conditionnel, invisible. Ce caractère ne créé pas un élément visible dans le texte ; il suggère un endroit ou le navigateur peut choisir de couper la ligne si nécessaire. En HTML, il est possible d'utiliser
­pour insérer un trait d'union conditionnel.
Exemple
Cet extrait de code CSS créé trois classes, une pour chaque configuration possible de la propriété hyphens.
p.none {
-moz-hyphens: none;
hyphens: none;
}
p.manual {
-moz-hyphens: manual;
hyphens: manual;
}
p.auto {
-moz-hyphens: auto;
hyphens: auto;
}
Regardez l'exemple en ligne pour voir ces trois configurations en action ; redimensionnez votre fenêtre pour voir comment la césure est gérée dans votre navigateur.
Spécifications
Compatibilité des navigateurs
| Fonction | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support de base | ? |
6.0 (6.0)-moz La césure automatique ne fonctionne que pour les langues dont la référence de césure est intégrée à Gecko. Lisez cette note pour la liste complète des langues supportées. |
10.0 -ms La césure automatique ne fonctionne que pour les langues dont la référence de césure est intégrée à Internet Explorer. Lisez cette note pour la liste complète des langues supportées. |
? |
5.1-webkit |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support de base | ? |
6.0 (6.0)-moz La césure automatique ne fonctionne que pour les langues dont la référence de césure est intégrée à Gecko. Lisez cette note pour la liste complète des langues supportées. |
? | ? | ? |
Support des langues
Différents navigateurs ont intégrés des référence de césure pour les langues suivantes :
| Langue | Firefox | IE |
|---|---|---|
| Afrikaans (af) | 8.0 | |
| Bulgare (bg) | 8.0 | |
| Catalan (ca) | 8.0 | 10.0 |
| Tchèque | 10.0 | |
| Suisse allemant, orthographe traditionnelle (de-CH) | 8.0 | |
| Danois (da) | 8.0 | 10.0 |
| Néerlandais (nl) | 8.0 | 10.0 |
| Anglais (en) | ?? | 10.0 |
| Anglais, États-Unis (en-US) | 6.0 | 10.0 |
| Esperanto (eo) | 8.0 | |
| Estonien (et) | 8.0 | |
| Finnois (fi) | 8.0 | |
| Français (fr) | 8.0 | 10.0 |
| Galicien (gl) | 9.0 | |
| Allemand, orthographe traditionnelle (de-1901) | 8.0 | ?? |
| Allemand, orthographe réformée (de-1996) | 8.0 | 10.0 |
| Hongrois (hu) | 9.0 | |
| Islandais (is) | 8.0 | |
| Interlingua (ia) | 8.0 | |
| Italien (it) | 9.0 | 10.0 |
| Kurmandji (kmr) | 8.0 | |
| Latin (la) | 8.0 | |
| Lituanien (lt) | 8.0 | |
| Mongolien (mn) | 8.0 | |
| Norvégien Bokmål (nb) | 8.0 | 10.0 |
| Norvégien Nynorsk (nn) | 8.0 | 10.0 |
| Polonais | 10.0 | |
| Portugais (pt) | 8.0 | 10.0 |
| Portugais du Brésil | 10.0 | |
| Russe (ru) | 8.0 | 10.0 |
| Serbo-Croate (sh) | 8.0 | |
| Slovène (sl) | 8.0 | |
| Espagnol (es) | 8.0 | 10.0 |
| Suédois (sv) | 8.0 | 10.0 |
| Turc (tr) | 9.0 | 10.0 |
| Ukrainien (uk) | 9.0 | |
| Haut-Sorabe (hsb) | 8.0 | |
| Gallois (cy) | 8.0 |