Siirry sivun sisältöön Avut CSS HTML JavaScript Kotisivu

white-space

white-space-ominaisuudella vaikutetaan tyhjän tilan esittämiseen elementin sisällä. Ominaisuudelle voidaan antaa kuusi arvoa:

Tiivistelmä ominaisuuden arvojen vaikutuksesta:
Ominaisuuden
arvo
Sarkain- ja
välilyönnit
Eksplisiittiset
rivinvaihdot
Implisiittiset
rivinvaihdot
normal Kutistaa Kutistaa Sallii
nowrap Kutistaa Kutistaa Kieltää
pre Säilyttää Säilyttää Kieltää
pre-wrap Säilyttää Säilyttää Sallii
pre-line Kutistaa Säilyttää Sallii
inherit Perii vaikutukset emoelementiltään.

DOM-viittaus: olio.style.whiteSpace

Esimerkki

Huomio! Tämän esimerkin toiminnallisuus vaatii tyylitukea.

Esimerkkielementille on asetettu leveys ja reunus havainnollistamaan ominaisuuden vaikutusta. Koodi on merkattu seuraavasti:

<p style="border:1px dotted green;width:200px;">
Tämä on         esimerkki-kappale-elementti
joka sisältää     erilaisia
tyhjätilamerkkejä.</p>

Esimerkkikoodimme tulostuu white-space-ominaisuuden arvolla normal seuraavasti:

Tämä on esimerkki-kappale-elementti joka sisältää erilaisia tyhjätilamerkkejä.

Lisätietoja englanniksi

CSS 2.1 -ominaisuusreferenssi | CSS 2.1 -tekstin ominaisuudet