Propriété CSS line-break

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>

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>

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.

Support de Navigateurs

58.0+
1.0 -webkit-
14.0+ 45.0+


Trouvez-vous cela utile?

Articles Associées