|
KOPIA KURSU
| |
To jest kopia kursu, którego oryginalna wersja znajduje się w serwisie algorytmy.pl
|
|
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]
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>
|
