Accueil    CSS    Propriété word-break
 



style css word-break  Style CSS word-break

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété word-break permet d'indiquer comment effectuer des retours à la ligne en coupant des mots.
Les comportements possibles sont :
   - break-all : le retour à la ligne se fera sur n'importe quelle partie d'un mot
   - hyphenate : le retour à la ligne se fera sur un séparateur comme le tiret

Cette propriété n'est pas supporté par les navigateurs Firefox et Opéra.

Les propriétés white-space et word-wrap peuvent également être employées pour déterminer comment s'effectuent les retours à la ligne d'un texte au sein d'un élément.



Propriétés pour le style word-break :




Propriété Définition Valeurs CSS
word-break Spécifie comment effectuer des retours à la ligne en coupant des mots break-all
hyphenate
normal
CSS 3


Exemple d'utilisation du style css word-break :




Utilisations des différentes valeurs de la propriété word-break :

<div style="border:solid 1px black; width:150px; padding:5px; word-break:break-all;">
   Utilisation du mot anticonstitutionnelement au sein d'une balise div de largeur faible.
</div>

<div style="border:solid 1px black; width:150px; padding:5px; word-break:hyphenate;">
   Utilisation du mot anti-consti-tutionnelement au sein de la balise div de largeur faible.
</div>


Utilisations des différentes valeurs de la propriété word-break :

Utilisation du mot anticonstitutionnelement au sein d'une balise div de largeur faible.

Utilisation du mot anti-consti-tutionnelement au sein de la balise div de largeur faible.