CSS white-space eigenschap

Definitie en gebruik

white-space-eigenschap bepaalt hoe witruimtes binnen het element worden afgehandeld.

Deze eigenschap verklaring stelt hoe witruimtes in het opmaakproces van het element worden afgehandeld. De waarden pre-wrap en pre-line zijn nieuw toegevoegd in CSS 2.1.

Zie ook:

CSS handleiding:CSS tekst

HTML DOM referentiemanual:whiteSpace-eigenschap

Voorbeeld

Stelt dat de tekst in de paragraaf niet afgebroken wordt:

p
  {
  white-space: nowrap;
  }

Probeer het zelf uit

CSS syntaxis

white-space: normal|nowrap|pre|pre-line|pre-wrap|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
normal Standaard. Witruimtes worden door de browser genegeerd.
pre Witruimtes worden door de browser behouden. Het gedrag is vergelijkbaar met het <pre>-tag in HTML.
nowrap Tekst wordt niet afgebroken, tekst wordt voortgezet op dezelfde regel, totdat de <br>-tag wordt bereikt.
pre-wrap Behoud de reeks witruimtes, maar voer normale nieuwe regels uit.
pre-line Voeg de reeks witruimtes samen, maar behoud de nieuwe regeltekenen.
inherit Het bepalen dat de waarde van de white-space-eigenschap van het ouderlement moet worden overgenomen.

Technische details

Standaardwaarde: normal
Inheritance: ja
Versie: CSS1
JavaScript syntaxis: object.style.whiteSpace="pre"

Meer voorbeelden

Verbied het afbreken van tekst in een element
Dit voorbeeld toont hoe je het afbreken van tekst in een element kunt verbieden.

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 3.5 3.0 9.5