white-space

Artikel
10/11/2017

Legt fest, ob Zeilen im Objekt automatisch umbrochen werden.

Syntax

{ white-space: sWrap }

Mögliche Werte

sWrap

Zeichenfolge, mit der einer der folgenden Werte angegeben oder empfangen wird:

normal	Standard. Textzeilen umbrechen automatisch. Inhalt wird in die nächste Zeile umbrochen, wenn die Breite des Objekts überschritten wird.
nowrap	Zeilenumbrüche werden unterdrückt. Inhalt wird nicht in die nächste Zeile umbrochen.
pre	Zeilenumbrüche und andere Leerzeichen werden beibehalten. Dieser mögliche Wert wird in Microsoft Internet Explorer 6 und neueren Versionen unterstützt, wenn die !DOCTYPE-Deklaration den standardkompatiblen Modus angibt. Wenn die !DOCTYPE-Deklaration den standardkompatiblen Modus nicht angibt, können Sie diesen Wert abrufen, was sich aber nicht auf das Rendern auswirkt. Der Wert verhält sich dann wie der normal-Wert.

Diese Eigenschaft hat den Standardwert normal. Sie wird vererbt.

Hinweise

Leerzeichen wie z. B. Zeilenumbrüche, Abstände und Tabulatoren werden in HTML-Dokumenten standardmäßig reduziert. Sie können geschützte Leerzeichenentitäten ( ) verwenden, um einem Objekt zusätzlichen Leerraum hinzuzufügen, wenn die white-space-Eigenschaft auf normal oder nowrap festgelegt ist. Mithilfe des BR-Elements können Sie zusätzliche Zeilenumbrüche hinzufügen.

Beispiele

Das folgende Beispiel zeigt, wie automatische Zeilenumbrüche unterdrückt werden, wenn der Benutzer den Zeiger auf einen Absatz platziert. Erreicht wird dies dadurch, dass der Wert der white-space-Eigenschaft in den Ereignissen onmouseover und onmouseout des P-Elements umgeschaltet wird. Wenn die white-space-Eigenschaft im onmouseover-Ereignis auf nowrap festgelegt wird, werden Zeilenumbrüche unterdrückt. Um Inhalt anzuzeigen, der breiter ist als das Element, ist horizontaler Bildlauf erforderlich. Wenn die Eigenschaft im onmouseout-Ereignis auf normal festgelegt wird, werden Zeilen je nach Breite des Elements automatisch umbrochen:

<html>
  <head><style>
      .clsOneliner  {white-space: nowrap}
      .clsAutoBreak {white-space: normal}
  </style>
    </head>
<body>
<p ONMOUSEOVER="this.className='clsOneliner';" 
        ONMOUSEOUT="this.className='clsAutoBreak';">
Long lines of text remain unbroken when the value of the whitespace 
property is set to nowrap. Place your mouse over the text to 
suppress automatic line breaks.</p>
  </body>
</html>

Informationen zu Standards

Diese Eigenschaft ist unter Cascading Style Sheets (CSS), Level 1 (CSS1) (möglicherweise in englischer Sprache) definiert.

Gilt für

ABBR, ACRONYM, ADDRESS, BASEFONT, BLOCKQUOTE, BDO, BIG, BODY, CENTER, CITE, CODE, CUSTOM, DD, DIV, DL, DT, EM, FIELDSET, FORM, FONT, HN, HR, I, INS, LI, OL, P, Q, S, SPAN, SUB, TT, U, UL, XMP

Freigeben über