ZALOGUJ SIĘ
login:
hasło:
przypomnij hasło
załóż konto użytkownika
(i zobacz kilka porad gratis)
   
WYSZUKIWARKA I DZIAŁY
całe porady  tytuły
zaznacz działy do przeszukania
(brak wyboru = wszystkie działy)
PHP
MySQL >
PostgreSQL
SQLite
Perl
Java
XML
XSLT
XPath
SVG
RegExp
Wyszukiwarki
Ochrona
VBScript
XHTML/CSS
JavaScript
Grafika
Flash
Photoshop
Windows
Linux
Bash
Apache
Procmail
E-biznes
Explorer
Firefox
Inne porady
   
KURSY, DOKUMENTACJE
Własne:
XHTML/CSS
JavaScript
ActionScript
WML, RSS, SSI
Pozostałe:
PHP
MySQL
Java API
więcej...
   

Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start][Elementy XHTML/HTML][Atrybuty XHTML/HTML][Style CSS]
[0] [A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]

white-space

OPIS

Styl definiuje sposób wyświetlania białych znaków (np. spacji).

WARTOŚCI

normal - CSS: 2.1, 2.0, 1.0
normalne wyświetlanie białych znaków, wartość domyślna
pre - CSS: 2.1, 2.0, 1.0
zachowane są białe znaki, podobnie jak w elemencie pre w HTMLu
nowrap - CSS: 2.1, 2.0, 1.0
uniemożliwia łamanie białych znaków, podobnie jak w atrybucie nowrap w HTMLu
pre-wrap - CSS: 2.1
w pewnych wypadkach dopuszcza łamanie białych znaków
pre-line - CSS: 2.1
uniemożliwia łamanie linii
inherit - CSS: 2.1, 2.0
przejęcie wartości "rodzica", np. white-space: inherit;

POZOSTAŁE CECHY

CSS: 2.1, 2.0, 1.0
dziedziczony: tak
odpowiedniki HTML: pre, nowrap

PRZYKŁADY ZASTOSOWAŃ

Przykład 1:

przykładowy tekst, w którym<br />
<span style="white-space: pre;">
zachowane         zostały    b   i   a   ł   e
      znaki (czyli odstępy)
</span>

przykładowy tekst, w którym
zachowane zostały b i a ł e znaki (czyli odstępy)

Przykład 2:

<table border="1"><tr>
<td style="white-space: nowrap;">ten tekst się nie przełamie
w tabeli (można się domyślić)</td>
<td>ten tekst się przełamie w tabeli
(też można się domyślić)</td>
</tr></table>
ten tekst się nie przełamie w tabeli (można się domyślić) ten tekst się przełamie w tabeli (też można się domyślić)

Przykład 3:

<style type="text/css"><!--
tt { white-space: pre; }
td { white-space: nowrap; }
.pre { white-space: pre; }
--></style>
 
  © 1996-2024 o serwisieabonamentwarunki korzystaniaCookieskontaktBlog Mapa-Nieruchomosci-Warszawa.pl