Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Grafika

Białe znaki

Email Drukuj PDF

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 wyświetlania 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, Firefox, Opera, Chrome

W 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.


 

HTML5. Rusz głową.

HTML5. Rusz głową!

HTML5. Ćwiczenia praktyczne.

HTML5. Ćwiczenia praktyczne.

HTML5. Nieoficjalny podręcznik.

HTML5. Nieoficjalny podręcznik

Nowości Helionu

Statystyki

Użytkowników : 1676
Artykułów : 513
Zakładki : 28
Odsłon : 17958897