English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriel CSS de base

Modèle de boîte CSS

CSS3Tutoriel de base

Manuel de référence CSS

règles @ CSS (RULES)

mot CSS-wrap (saut de ligne automatique)

mot CSS-propriété wrapUtilisé pourCasser les mots longs et les faire passer automatiquement à la ligne suivante. Lorsque les chaînes indécomposables sont trop longues pour tenir dans le conteneur, cette propriété est utilisée pour empêcher le débordement.

Valeurs de rechange de texte CSS

ValeurDescription
normalCette propriété n'est utilisée que pour briser les mots à des points de coupure autorisés.
briser-motIl est utilisé pour briser les mots indécomposables.
initialIl est utilisé pour rétablir la valeur par défaut de cette propriété.
hériterIl hérite de cette propriété de son élément parent.

Exemple en ligne de saut de ligne automatique CSS

<!DOCTYPE html>
<html>
<head>
<style> 
p.test {
    largeur: 11em;
    background-couleur: #ff9900; 
    border: 1px solide #ffffff;
    padding:10px;
    mot-wrap: break-mot;
}
</style>
</head>
<p class="test"> Dans ce paragraphe, il y a un mot très long :
 <p class="test"> iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg. Le mot long se brisera et passera à la ligne suivante.</p>
</html>
Voyons si ça fonctionne‹/›

Sortie :

Dans ce paragraphe, il y a un mot très long : iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg.long Ce mot se brisera et passera à la ligne suivante.