Hyphenate-character - Propriété CSS

hyphenate-character

Résumé des caractéristiques de la propriété hyphenate-character

Description rapide
Définit le caractère qui sera à utiliser comme marque de césure.
Statut
Standard
S'applique à
Éléments contenant du texte.
Utilisable sur
HTML
Valeurs prédéfinies
auto
Pourcentages
Ne s'appliquent pas.
Valeur initiale
auto
Héritée par défaut
Oui.
Type d'animation
Discrète : lors d'une animation, la propriété hyphenate-character passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Texte
Références (W3C)
Statut du document: WD (document de travail)

Schéma de la syntaxe de hyphenate-character.

Hyphenate-character property - Syntax diagramSyntax diagram of the hyphenate-character CSS property. See stylescss.free.fr for details. auto auto 'char' 'char'hyphenate-character:;hyphenate-character:;
Schéma syntaxique de la propriété 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.


hyphenate-character :

-webkit-hyphenate-character :

Parmi les phobies liées à l'infor­matique, connaissez-vous la formas­pas­spho­bie, qui est la peur d'oublier son mot de passe principal ?

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.

Colonne 1
Support de la césure automatique des mots en fin de ligne et donc de la propriété hyphens.
Colonne 2
Compatibilité des navigateurs avec la propriété hyphenate-character qui permet de choisir le caractère de césure.

Remarques :

(1) Supporté avec le préfix -ms-.

1
Césure
automatique
2
Propriété
hyphenate-character
Estimation de la prise en charge globale.
96%
95%

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.
    WD
    22 Septembre 2015
    Document de travail.
    CR
    PR
    REC

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 :

hanging-punctuation
Définit la ponctuation suspendue (caractères autorisés à déborder dans la marge).
hyphenate-limit-chars
Définit le nombre minimal de caractères pour autoriser la césure d'un mot.
hyphenate-limit-last
Définit si les césures sont autorisées à la fin d'une colonne, d'une page, etc.
hyphenate-limit-lines
Définit le nombre maximal de lignes successives se terminant une césure
hyphenate-limit-zone
Définit le nombre maximal d'espaces pour autoriser ou interdire la césure.
hyphens
Définit si les mots peuvent être coupés en fin de ligne. La césure des mots donne une mise en page plus agréable mais peut être gênante dans certains cas.
letter-spacing
Espacement des lettres.
line-break
Définit les ruptures de lignes pour les langues CJK (chinois, japonais, coréen).
line-padding
Ajoute un espace au début et à la fin des lignes.
overflow-wrap
Gestion des coupures de mots pour les langues CJK et quelques autres.
tab-size
Définit la taille des caractères de tabulation.
text-align
Spécifie comment doit être aligné le texte de l'élément.
text-align-all
Définit l'alignement des lignes d'un texte (synonyme de text-align).
text-align-last
Définit l'alignement de la dernière ligne des paragraphes.
text-autospace
Définit l'espace entre les caractères adjacents (utilisable pour les langues CJK).
text-group-align
text-indent
Définit le retrait de la première ligne des paragraphe (indentation).
text-justify
Sélectionne la méthode utilisée pour justifier le texte.
text-space-collapse
Définit comment gérer les espaces et les espaces multiples dans le texte.
text-space-trim
Définit si les espaces au début et à la fin du texte de l'élément doivent être conservés ou supprimés.
text-spacing
text-spacing-trim
Definit l'espacement autour des caractères de ponctuation CJK.
text-transform
Casse du texte (minuscules, majuscules...).
text-wrap
Définit la gestion des retours à la ligne du texte.
text-wrap-mode
Définit si les retours à la ligne sont autorisés.
text-wrap-style
Définit comment les saut de ligne vont se faire.
white-space
Définit comment sont restitués les espaces multiples et les retours chariot.
white-space-collapse
Définit comment les espaces successifs et les retours à la ligne doivent être traités.
white-space-trim
Définit si comment le navigateur doit supprimer les espaces réductibles.
word-boundary-detection
Définit quelle logique le navigateur doit utilier pour identifier les limites des mots.
word-boundary-expansion
Substitue certains caractères de séparation de mots par d'autres.
word-break
Coupure des mots longs.
word-space-transform
Normalise les caractères d'espacement (écritures CJK).
word-spacing
Permet d'ajuster l'espacement des mots.
word-wrap
Coupure des mots pour les langues CJK et quelques autres.
wrap-after
Autorise ou non les sauts de lignes après la boite.
wrap-before
Autorise ou non les sauts de lignes avant la boite.
wrap-inside
Autorise ou non les sauts de lignes dans la boite.