word-wrap

Résumé

La propriété CSS word-wrap est utilisée pour définir si le navigateur peut ou non faire la césure à l'intérieur d'un mot pour éviter le dépassement d'une chaîne qui serait trop longue pour ne pas dépasser.

Note : bien qu'étant une extension propriétaire de Microsoft (sans-préfixe), la propriété word-wrap a été renommée en overflow-wrap dans les brouillons suivants de la spécification CSS3 Text, toutefois aucune implémentation n'a encore changé pour le nouveau nom à l'heure actuelle.

Syntaxe

word-wrap:  normal | break-word

Values

normal
Indique que la césure d'une ligne ne peux avoir lieu qu'aux positions de césures normales.
break-word
Indique que les mots qui ne subissent habituellement pas de césure peuvent l'être à n'importe quelle position s'il n'y a pas d'autres positions convenable dans la ligne.

Exemples

p { width:13em; background:gold; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

p { width:13em; background:gold; word-wrap:break-word; }

FStrPrivFinÄndG (Gesetz zur Änderung des Fernstraßenbauprivatfinanzierungsgesetzes und straßenverkehrsrechtlicher Vorschriften)

Spécifications

Spécification Statut Commentaire
CSS Text Level 3 Version de travail  

Compatibilité des navigateurs

Fonction Firefox (Gecko) Chrome Internet Explorer Opera Safari
Support de base 3.5 (1.9.1) 1.0 5.5 10.5 1.0
Fonction Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
Support de base 1.0 (1.9.1) 1.0 ? ? 1.0
  • word-wrap:break-word peut être utilisé pour contourner le fait que IE 5.5 à 7 ne gèrent pas pre{white-space:pre-wrap}. Voir white-space pour un exemple.
  • IE8 a introduit -ms-word-wrap comme synonyme de word-wrap. N'utilisez pas le préfixe -ms-.

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : PofMagicfingers, teoli, BiAiB, philippe97, FredB, Delapouite
Dernière mise à jour par : PofMagicfingers,