White-space
white-space - ustala w jaki sposób mają być wyświetlane białe znaki (spacje, tabulatory, znaki nowej linii).
Możliwe wartości:
- normal - (domyślna) kilka sąsiadujących spacji zamienianych jest na jedną, wiersz jest przełamywany gdy w linii kończy się miejsce
- pre - umożliwia wyświetlenie wielu spacji obok siebie, wiersz jest przełamywany po napotkaniu znaku nowej linii (enter) bez koniecznośći użycia tagu (x)html Br
- nowrap - tak jak "normal", ale należy użyć tagu (x)html Br aby przełamać linie (jeśli tekst nie zmieści się na ekranie wyświetlony zostanie poziomy suwak)
- pre-wrap - umożliwia wyświetlenie kilku sąsiadujących spacji, wiersze przełamywane są po napotkaniu znaku nowej linii oraz na końcu strony
- pre-line - tak jak pre-wrap tylko, że nie pozwala wyświetlać sąsiadujących ze sobą spacji
- Inherit
Przykład użycia:
p { white-space: normal }
p { white-space: pre }
p { white-space: nowrap }
p { white-space: pre-wrap }
p { white-space: pre-line }
normal
Nowa linia (zastosowany znak nowej lini, brak tagu `
`) (8 spacji)
pre
Nowa linia (zastosowany znak nowej lini, brak tagu `
`) (8 spacji)
nowrap
Nowa linia (zastosowany znak nowej lini, brak tagu `
`) (8 spacji)
pre-wrap
Nowa linia (zastosowany znak nowej lini, brak tagu `
`) (8 spacji)
pre-line
Nowa linia (zastosowany znak nowej lini, brak tagu `
`) (8 spacji)
A żeby nie było tylko w specyfikacji: