Attribut word-break CSS

Définition et utilisation

L'attribut word-break détermine la méthode de traitement des retours à la ligne automatiques.

Astuce :En utilisant l'attribut word-break, il est possible de faire en sorte que le navigateur effectue des retours à la ligne à tout endroit.

Exemple

Faites des retours à la ligne aux points de coupure appropriés :

p.test {word-break:hyphenate;}

Essayez-le vous-même

Syntaxe CSS

word-break: normal|break-all|keep-all;

Valeur de l'attribut

Valeur Description
normal Utilise les règles de retours à la ligne par défaut du navigateur.
break-all Permet de couper les mots à l'intérieur des mots.
keep-all Seulement des retours à la ligne sont autorisés à l'endroit des espaces半角 ou des tirets.

Détails techniques

Valeur par défaut : normal
Héritabilité : oui
Version : CSS3
Syntaxe JavaScript : object.style.wordBreak="keep-all"

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
4.0 5.5 15.0 3.1 15.0