Hyphenate-limit-chars - Propriété CSS

hyphenate-limit-chars

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

Description rapide
Définit le nombre minimal de caractères pour autoriser la césure d'un mot.
Statut
Problèmes de compatibilité
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
Integer : lors d'une animation, la propriété hyphenate-limit-chars passe d'un nombre entier à un autre, sans transition.
Module W3C
Module CSS - Texte
Références (W3C)
Statut du document: WD (document de travail)

Syntaxe de hyphenate-limit-chars (schéma).

Hyphenate-limit-chars property - Syntax diagramSyntax diagram of the hyphenate-limit-chars CSS property. See stylescss.free.fr for details. auto auto integer integer {1,3} {1,3}hyphenate-limit-chars:;hyphenate-limit-chars:;
Schéma syntaxique de la propriété hyphenate-limit-chars.
Détails sur les valeurs.

Description des termes utilisés sur le schéma (les termes en gras sont prédéfinis) :

  • integer est un nombre entier positif ou nul, dans unité.

Description de la propriété hyphenate-limit-chars.

La propriété hyphenate-limit-chars détermine le nombre de caractères minimal pour qu'une césure soit autorisée. En effet, un mot très court sera plutôt rejeté à la ligne suivante que coupé en fin de ligne.

hyphenate-limit-chars permet de spécifier le nombre de caractères total du mot, mais aussi le nombre minimal de caractères avant et après la césure.

Bien entendu seules les césures automatiques effectuées par le navigateur sont impactées par cette propriété. Les césures manuelles insérées dans le texte par l'auteur (caractère ­) ne sont pas concernées. Reportez-vous à la propriété hyphens pour plus de précisions sur l'activation des césures automatiques.

Valeurs pour hyphenate-limit-chars.

  • hyphenate-limit-chars: auto;

    Le navigateur adopte des valeurs les plus adaptées. En général, le nombre minimal de caractères pour le mot complet est de 5, et le nombre minimal avant et après la césure de 2.

    La césure des mots est une opération assez complexe, qui, de plus, est dépendante de la langue.
    hyphenate-limit-chars:auto;
  • hyphenate-limit-chars: a b c;

    Avec cette syntaxe complète, les trois valeurs corespondent à :
      a : le nombre minimal de caractères du mot pour accepter une césure.
      b : le nombre minimal de caractères avant la césure (à la fin de la ligne).
      c : le nombre minimal de caractères après la césure (au début de la ligne suivante).

    La césure des mots est une opération assez complexe, qui, de plus, est dépendante de la langue.
    hyphenate-limit-chars:8 2 2;
  • hyphenate-limit-chars: initial; (auto) hyphenate-limit-chars: inherit; hyphenate-limit-chars: revert; hyphenate-limit-chars: revertLayer; hyphenate-limit-chars: unset;

    Liens vers la présentation de ces différentes valeurs : initial, inherit, revert, revert-layer, unset.

Possibilité d'animation de la propriété hyphenate-limit-chars.

La propriété n'acceptant que des valeurs entières, son animation est du type integer : passage brutal d'un valeur entière à la suivante.

Parmi les phobies les plus courantes il y a l'arachnophobie qui est la peur des araignées. 🕷

Simulateur avec la propriété hyphenate-limit-chars.

hyphenate-limit-chars :
Marcher sur l'eau et développer un logiciel à partir d'une spécification seraient si faciles si les deux étaient gelées (1)

(1) Citation de Edward V. Berard (American software engineer).

Support de hyphenate-limit-chars.

La césure automatique commence à être bien prise en charge mais la propriété hyphenate-limit-chars pose encore des problèmes de compatibilité.

Il faut aussi considérer la langue car la césure automatique nécessite un dictionnaire de césure, et ce dernier est pas encore disponible pour peu de langues. Reportez-vous à la page sur la propriété hyphens pour connaître la disponibilité des différentes langues.

Colonne 1
Support de la césure automatique des mots en fin de ligne et donc de la propriété hyphens.
Colonne 2
Support par les navigateurs de la propriété hyphenate-limit-chars.

Remarques :

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

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

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

Évolution de la propriété hyphenate-limit-chars.

  • Module CSS - Texte - Niveau 4

    Le niveau 4 de la spécification introduit la propriété hyphenate-limit-chars.
    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. Vous y trouverez la description de la propriété hyphenate-limit-chars, 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-character
Définit le caractère qui sera à utiliser comme marque de césure.
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.