Propriété CSS hyphens

Définition et utilisation

L'attribut hyphens définit si les tirets peuvent être utilisés dans une ligne de texte pour créer plus d'opportunités de retours à la ligne automatiques.

Exemple

Définir différents tirets :

div.a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
div.b {
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}
div.c {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

Essayer par vous-même

Syntaxe CSS

hyphens: none|manual|auto|initial|inherit;

Valeur de l'attribut

Valeur Description
none Le mot sans tiret (pas de retour à la ligne).
manual Par défaut. Le mot ne contient un tiret que si ‐ ou ­ sont utilisés (si nécessaire).
auto Insérer un tiret (si nécessaire) à l'endroit déterminé par l'algorithme.
initial Set this property to its default value. See initial.
inherit Inherited from its parent element this property. See inherit.

Détails techniques

Valeur par défaut : manual
Héritage : oui
Réalisation de l'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.hyphens="none"

Prise en charge du navigateur

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

Les nombres avec -webkit- ou -ms- indiquent la première version utilisant le préfixe.

Chrome IE / Edge Firefox Safari Opera
55.0 79.0
10.0 -ms-		 43.0 5.1 -webkit- 44.0