Propriété CSS line-break

❮ Précédent Suivant ❯

La propriété line-break spécifie comment sauter des lignes de texte chinois, japonais ou coréen lorsqu'on travaille sur la poinctuation et symboles. Mais ces langues ont les règles différents, donc un saut de ligne peut ne pas se produire. Par exemple, si la valeurs définie à "strict", sauts avant les traits d'union ne soient autorisés en chinois et en japonais.

La spécification CSS met l'accent sur les règles uniquement pour le chinois, le japonais et le coréen.

Pour la compatibilité maximale des navigateurs, des extensions telle que -webkit- pour Safari, Google Chrome, et Opera (plus nouvelles versions), -moz- pour Firefox, -o- pour les plus anciennes version d'Opera cont utilisées avec cette propriété.

Line-break est obsolète. Au lieu, utilisez la propriété word-break.

Valeur initiale	auto
Appliquée à	Tous les éléments.
Héritée	Oui.
Animable	Non.
Version	CSS3
Syntaxe DOM	object.style.lineBreak = "loose";

Syntaxe

line-break: auto | loose | normal | strict | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <style>
      .korean {
      line-break: strict;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété line-break</h2>
    <!--Soyez le changement que vous voulez voir dans le monde.-->
    <span class="korean">세상에서 보고싶은 변화가 있다면 당신 스스로 그 변화가 되어라.</span>
  </body>
  </body>
</html>

Essayez-vous-même!

Voyons un autre exemple avec la propriété line-break:

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p {
      font-size:16px;
      line-height:24px;
      line-break: normal;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété line-break</h2>
    <p>Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500, quand un imprimeur anonyme assembla ensemble des morceaux de texte pour réaliser un livre spécimen de polices de texte. </p>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
auto	Interrompt le texte en utilisant la règle initiale. C'est la valeur initiale de cette propriété.
normal	Interrompt le texte en utilisant la règle de saut de ligne la moins restrictive: comme dans les journaux.
loose	Interrompt le texte en utilisant la règle de saut de ligne la plus courante.
strict	Interrompt le texte en utilisant la règle de saut de ligne la plus stricte.
initial	Fait utiliser la valeur initiale.
inherit	Hérite la propriété de son élément parent.