Accueil    CSS    Propriété word-wrap
 



style css word-wrap  Style CSS word-wrap

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


La propriété word-wrap permet de forcer un retour à la ligne au milieu d'un mot particulièrement long. Cette propriété peut s'utiliser par exemple pour l'affichage d'un texte au sein d'un élément de faible largeur, ou pour gérer la taille des cellules d'un tableau et éviter des débordements non voulus.

Les propriétés white-space et word-break 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-wrap :




Propriété Définition Valeurs CSS
word-wrap Permet de faire un retour à la ligne au milieu d'un mot normal
break-word
CSS 3


Exemple d'utilisation du style css word-wrap :




Utilisation de la propriété word-wrap sur un texte inclus dans un élément de largeur faible :

<div style="border:solid 1px black; width:120px; height:40px; text-align:center; line-height:40px;">
   Largeur initiale
</div>

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

<div style="border:solid 1px black; width:120px; padding:5px; word-wrap:break-word;">
   Utilisation du mot anticonstitutionnelement au sein de la balise div de largeur faible.
</div>


Largeur initiale

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

Utilisation du mot anticonstitutionnelement au sein de la balise div de largeur faible.