Hyphenate-limit-lines - Propriété CSS
Résumé des caractéristiques de la propriété hyphenate-limit-lines
no-limitno-limithyphenate-limit-lines passe progressivement d'une valeur à une autre.Syntaxe de hyphenate-limit-lines (schéma).
Description des termes utilisés sur le schéma (les termes en gras sont prédéfinis) :
integerest un nombre entier positif ou nul.
Description de la propriété hyphenate-limit-lines.
hyphenate-limit-lines est encore peu reconnue par les navigateurs.
La propriété hyphenate-limit-lines définit le nombre maximal de lignes consécutives avec césure.
On considère en effet qu'il n'est pas esthétique de faire des césures sur des lignes successives trop nombreuses, particulièrement sur du texte justifié,
afin d'éviter une succession de tirets en fin des lignes.
L'exemple ci-dessous est une simulation : des tirets de césure () ont été positionnés manuellement dans le texte pour simuler l'effet
de la propriété hyphenate-limit-lines.
La césure automatique est maintenant bien prise en charge par les différents navigateurs. Mais les propriétés qui permettent d'ajuster finement les césures ne sont pas suffisamment reconnues.
Résultat peu esthétique
La césure automatique est maintenant bien prise en charge par les différents navigateurs. Mais les propriétés qui permettent d'ajuster finement les césures ne sont pas suffisamment reconnues.
Résultat plus harmonieux
(simulation)
Valeurs pour hyphenate-limit-lines.
- hyphenate-limit-lines: no-limit;
Les césures automatiques peuvent se suivre sur un nombre de lignes non limité.
- hyphenate-limit-lines: 2;
Avec cette valeur, il n'y aura pas plus de deux lignes successives avec césure.
- hyphenate-limit-lines: initial; (
no-limit) hyphenate-limit-lines: inherit; hyphenate-limit-lines: revert; hyphenate-limit-lines: revertLayer; hyphenate-limit-lines: unset;Liens vers la présentation de ces différentes valeurs :
initial,inherit,revert,revert-layer,unset.
Simulateur avec la propriété hyphenate-limit-lines.
Support de hyphenate-limit-lines.
Bien que la césure automatique commence à être possible sur les principaux navigateurs, la propriété hyphenate-limit-lines est encore très peu reconnue.
hyphens.hyphenate-limit-lines, pour définir le nombre de lignes consécutives maximal qui se terminent par une césure.Remarques :
(1) Nécessite la présence du préfixe -ms-.
automatique
hyphenate-limit-linesNavigateurs 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-lines.
-
Module CSS - Texte - Niveau 4
Ce niveau 4 de ce module de spécification décrit les propriétés qui agissent sur les règles typographiques : alignement et justification du texte, espacement des mots ou des caractères, règles de césure, etc.
Par rapport au niveau 3, plusieurs nouvelles propriétés ont été ajoutées, en particulier concernant les ruptures en fin de lignes, les césures, les espacements avant et/ou après le texte, etc.Concernanthyphenate-limit-lines. Introduction de la propriétéhyphenate-limit-linesdans le niveau 4 de la spécification.
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 Module CSS - Texte. Vous y trouverez la description de la propriété
hyphenate-limit-lines, et des propriétés suivantes :
Propriétés :
text-align).text-spacing-trim et text-autospace. regroupe les informations d'espacement des caractères pour les langues CJK.