Tematy: odstępy między wyrazami | odstępy między literami | odstępy między wierszami | dekoracja tekstu
transformacja tekstu | białe znaki | wyrównanie tekstu | wcięcie tekstu | kierunek tekstu
Dane w pigułce | |
Zastosowanie | definiuje sposób obsługi białych znaków |
Dziedziczenie | tak |
Wartości | normal, pre, nowrap, pre-wrap, pre-line |
Wartość domyślna | normal |
Przykład | white-space: nowrap |
Uwagi | |
Odpowiednik w HTML | pre nobr |
W definicji stylu należy wpisać white-space : wartość
white-space: normal powoduje zamianę wielu sąsiadujących spacji na jedną.
<p style="white-space: normal">Tutaj jest pięć spacji ściągniętych do jednej</p>
Tutaj jest pięć spacji ściągniętych do jednej.
white-space: pre powoduje wyświetlenie wszystkich sąsiadujących spacji.
<p style="white-space: pre">Tutaj jest pięć widocznych spacji</p>
Tutaj jest pięć widocznych spacji.
white-space: nowrap nie pozwala na przełamanie wiersza, do momentu napotkania polecenia <br>.
<p style="white-space: nowrap"><font color="#0000FF">.Ten akapit nie będzie przełamany, gdyż zostało w nim zawarte polecenie nowrap. Dlatego na dole okienka przeglądarki powinien się pojawić pasek przewijania.</p>
Ten akapit nie będzie przełamany przez okno przeglądarki internetowej, gdyż zostało w nim zawarte polecenie nowrap. Dlatego na dole okienka przeglądarki powinien się pojawić poziomy pasek przewijania, który pozwoli zobaczyć dalszy ciąg tekstu.
Interpretacja: Internet Explorer, Mozilla, OperaW CSS 2.1 pojawiły się dwa dalsze polecenia, nieobsługiwane jeszcze przez przeglądarki.
white-space: pre-wrap powoduje pozostawienie spacji i podzielenie wiersza jedynie w razie potrzeby.
white-space: pre-line powoduje usunięcie następujących po sobie spacji, podzielenie wiersza w razie potrzeby oraz w określonych w tekście miejscach.