Style whiteSpace-Eigenschaft
- Vorherige Seite Sichtbarkeit
- Nächste Seite Breite
- Zurück zur vorherigen Ebene HTML DOM Style-Objekt
Definition und Verwendung
whiteSpace
Eigenschaftssetzung oder Rückgabe darüber, wie Tabulatoren, Zeilenumbrüche und Leerzeichen im Text behandelt werden.
Weitere Informationen:
CSS-Tutorial:CSS-Text
CSS-Referenzhandbuch:white-space-Eigenschaft
Beispiel
Beispiel 1
Bestimmt, dass der Text im <div>-Element niemals umbrochen wird:
document.getElementById("myDIV").style.whiteSpace = "nowrap";
Beispiel 2
WhiteSpace-Eigenschaft zurückgeben:
alert(document.getElementById("myDiv").style.whiteSpace);
Syntax
WhiteSpace-Eigenschaft zurückgeben:
object.style.whiteSpace
WhiteSpace-Eigenschaft setzen:
object.style.whiteSpace = "normal|nowrap|pre|initial|inherit"
Eigenschaftswert
Wert | Beschreibung |
---|---|
normal |
Leerzeichenfolgen werden in ein einzelnes Leerzeichen zusammengefasst. Der Text wird bei Bedarf umgebrochen. Standard. |
nowrap |
Leerzeichenfolgen werden in ein einzelnes Leerzeichen zusammengefasst. Der Text wird niemals in die nächste Zeile umgebrochen. Der Text wird auf einer Zeile fortgesetzt, bis der <br>-Markierung erreicht wird. |
pre |
Leerzeichen werden vom Browser beibehalten. Der Text wird nur am Zeilenumbruch fortgesetzt. Ähnlich wie der <pre>-Tag in HTML. |
pre-line |
Leerzeichenfolgen werden in ein einzelnes Leerzeichen zusammengefasst. Der Text wird bei Bedarf umgebrochen und am Zeilenumbruch fortgesetzt. |
pre-wrap |
Leerzeichen werden vom Browser beibehalten. Der Text wird bei Bedarf umgebrochen und am Zeilenumbruch fortgesetzt. |
initial | Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial. |
inherit | Diese Eigenschaft wird von ihrem übergeordneten Element geerbt. Siehe inherit. |
Technische Details
Standardwert: | normal |
---|---|
Rückgabewert: | Zeichenkette, die beschreibt, wie Leerzeichen im Element intern behandelt werden. |
CSS-Version: | CSS1 |
Browserkompatibilität
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Unterstützung | Unterstützung | Unterstützung | Unterstützung | Unterstützung |
- Vorherige Seite Sichtbarkeit
- Nächste Seite Breite
- Zurück zur vorherigen Ebene HTML DOM Style-Objekt