hyphens

par 3 contributeurs :

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

Note : les règles qui définissent la césure ne sont pas définies explicitement dans la spécification, il est donc possible qu'elle varie d'un navigateur à l'autre..

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.
Note : la valeur 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.

Voir l'exemple sur une page

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  

Voir également

content

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, MorganeH, FredB
Dernière mise à jour par : teoli,
Masquer la barre latérale