CSS-Eigenschaft line-break

❮ Vorige Nächste ❯

Die CSS-Eigenschaft line-break definiert, wie Zeilen von chinesischem, japanischem oder koreanischem Text, der mit Interpunktion und Symbolen arbeitet, umgebrochen werden können. Aber diese Sprachen haben unterschiedliche Regeln, so dass ein Zeilenumbruch nicht auftreten kann. Wenn der Wert beispielsweise auf "strict" eingestellt ist, ist ein Bruch vor Bindestrichen in der chinesischen und japanischen Sprache nicht erlaubt.

Die CSS-Spezifikation betont Regeln nur für Chinesisch, Japanisch und Koreanisch.

Für maximale Browser-Kompatibilität werden mit dieser Eigenschaft Erweiterungen wie -webkit- für Safari, Google Chrome und Opera (neuere Versionen), -moz- für Firefox, -o- für ältere Versionen von Opera verwendet.

Die Eigenschaft line-break ist veraltet, verwenden Sie stattdessen die Eigenschaft word-break.

Anfangswert	auto
Gilt für	Alle Elemente
Geerbt	Ja
Animierbar	Nein
Version	CSS3
DOM Syntax	object.style.lineBreak = "loose";

Syntax

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

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <style>
      .korean {
      line-break: strict;
      }
    </style>
  </head>
  <body>
    <h2>Beispiel für die Eigenschaft Line-break</h2>
    <!--Sei die Veränderung, die du in der Welt sehen willst.-->
    <span class="korean">세상에서 보고싶은 변화가 있다면 당신 스스로 그 변화가 되어라.</span>
  </body>
  </body>
</html>

Versuch es selber!

Ein anderes Beispiel mit der Eigenschaft line-break:

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      p {
      font-size:16px;
      line-height:24px;
      line-break: normal;
      }
    </style>
  </head>
  <body>
    <h2>Beispiel für die Eigenschaft Line-break</h2>
    <p>Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie. Lorem Ipsum ist der Standard-Dummy-Text der Branche seit den 1500er Jahren, als ein unbekannter Drucker ein Setzschiff vom Typ nahm und es zu einem Musterbuch verarbeitete.</p>
  </body>
</html>

Versuch es selber!

Werte

Wert	Beschreibung
auto	Bricht den Text mit der Standardregel für den Zeilenumbruch. Das ist der Standardwert dieser Eigenschaft.
normal	Bricht den Text mit der am wenigsten einschränkenden Zeilenumbruchregel: z. B. in Zeitungen.
loose	Bricht den Text mit der gebräuchlichsten Zeilenumbruchregel.
strict	Bricht den Text mit der strengsten Zeilenumbruchregel.
initial	Der Wert stellt die Eigenschaft auf seinen Standardwert ein.
inherit	Der Wert erbt die Eigenschaft von seinem übergeordneten Element.