Hyphenate-character - Propriété CSS
Résumé des caractéristiques de la propriété hyphenate-character
auto
auto
hyphenate-character
passe d'une valeur à l'autre sans transition.Schéma de la syntaxe de hyphenate-character
.
hyphenate-character
.Cliquez sur les liens du schéma pour plus de précisons sur les valeurs.
Description des termes utilisés sur le schéma :
'char'
est le (ou les) caractère(s) choisi(s) comme tiret de césure.
Description de la propriété hyphenate-character
.
La propriété hyphenate-character
définit le caractère de césure. L'immense majorité des langues utilisent le tiret comme caractère de césure.
Le caractère défini par hyphenate-character
s'applique aussi bien aux tirets de césure automatiques, qu'aux tirets de césure forcés
par l'entité ­
.
Par contre les tirets orthographiques (comme dans cerf-volant) ne sont pas concernés.
Consultez également la page hyphens
pour plus d'informations sur la césure des textes.
Valeurs pour hyphenate-character
.
- hyphenate-character: auto;
Le caractère de césure est déterminé par le navigateur en fonction de la langue du contenu. Ce sera la plupart du temps le tiret.
Le caractère de césure est déterminé par le navigateur. - hyphenate-character: '+';
Le caractère spécifié entre guillemets ou entre apostrophes est utilisé comme caractère de césure.
Le caractère de césure est déterminé par la règle CSS. - hyphenate-character: initial; (
auto
) hyphenate-character: inherit; hyphenate-character: revert; hyphenate-character: revertLayer; hyphenate-character: unset;Consultez les pages suivantes pour plus de détails :
initial
,inherit
,revert
,revert-layer
,unset
.
Exemple interactif avec la propriété hyphenate-character
.
Le simulateur présente deux paragraphes. Le premier comporte des césures forcées avec le code ­
.
Tandis que pour le deuxième paragraphe, la césure est automatique (la propriété hyphens
a été positionnée
sur auto
).
Observez que, aussi bien les césures automatiques que les césures forcées, sont impactées par hyphenate-character
,
tandis que le tiret orthographique (dans "connaissez-vous") n'est pas modifié.
Si nécessaire, la largeur de l'élément peut être ajustée avec la souris afin de faire apparaître les tirets de césure.
Parmi les phobies liées à l'informatique, connaissez-vous la formaspassphobie, qui est la peur d'oublier son mot de passe principal ?
Compatibilité des navigateurs avec hyphenate-character
.
La césure automatique et la propriété hyphenate-character
sont maintenant bien gérées par les navigateurs.
Mais ces fonctionnalités nécessitent un dictionnaire de césure spécifique à chaque langue, o au moins chaque catégorie de langue.
Reportez-vous à la page sur la propriété hyphens
pour connaître la disponibilité des dictionnaires.
hyphens
.hyphenate-character
qui permet de choisir le caractère de césure.Remarques :
(1) Supporté avec le préfix -ms-
.
automatique
hyphenate-character
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Samsung Internet

Safari sur IOS

Opéra

Chrome pour Androïd

Firefox pour Androïd

Androïd Brower

Chrome

Safari

Firefox

Edge

KaiOS Browser

Opéra mini
Histoire de la propriété hyphenate-character
.
-
Module CSS - Texte - Niveau 4
Le niveau 4 de la spécification Introduit la propriétéhyphenate-character
.22 Septembre 2015Document de travail.
Voir aussi, à propos de la gestion des textes.
La césure automatique des textes est une fonctionnalité décrite dans le module CSS Text Module, ainsi que tout ce qui est relatif à la gestion des textes :
alignement, espacements, débordement, etc.
Vous trouverez dans cette norme la description de la propriété hyphenate-character
, ainsi que celles des propriétés suivantes :
Propriétés :
text-align
).