DHTML0110

Marginesy i obramowania

Listing 6.15. Właściwość display używana jest • raz z właściwościami list do tworzenia Ust kaskadowych arkuszach stylów... Przynajmniej w teorii. W Internet Explorerze bowiem właściwość ta nie jest dostępna, a w Navigatorze tworzenie list nie wymaga jej użycia

<html>

<head>

-♦content- "text/html; charset-ISO-8859-2"> <title>Listing 6.15</title>

.lista { display: list-item; }

</style>

</head>

body bgcol or=^,ł#FFFFFF">

Kilka słów o tabelach

w języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy r wierszy zawiera definicję wszystkich zawartych w nim komórek. Definiowanie tabeli zaczynamy od górnego wiersza i określamy -szystkie jego komórki, następnie drugi wiersz i jego komórki, ita. Kolumny obliczane sa automatycznie w oparciu : liczbę komórek w każdym z wierszy.

Para znaczników TR i /TR .służy do tworzenia wiersza. Każdy wiersz ma komórki, które definiuje się za pomocą pary znaczników TD i /TD, zawartych między znacznikami TR i /TR. W przypadku komórek nagłówka używamy znaczników TH i /TH (zamiast TD). Zawartość komórek nagłówków jest zwykłe wyświetlana pogrubioną czcionką.

Pódpisy tabel informują o tym, czego dotyczy tabela. Podpis

definiowany jest przez parę znaczników CA PTT. ON i /CAPTION, które powinny znaleźć się w obrębie znacznika TABLE przed definiowaniem wierszy.

</body>

</html>

Informowanie elementu o tym, w jaki sposób ma być wyświetlany

Właściwość display może zostać użyta do zdefiniowania, czy element ma zawierać przełamania linii powyżej i poniżej siebie, czy jest to element wpisany wyświetlany w linii wraz z innymi elementami, czy jest traktowany jako część listy, czy też w ogóle nie ma być wyświetlany. W tym przykładzie pokazałem, jak działa właściwość display użyta do zdefiniowania listy. Rysunek 6.16 pokazuje, w jaki sposób elementy zostaną przesunięte w prawo, jeśli będą zdefiniowane jako punkty listy.

Aby określić

tryb wyświetlania dla selektora

1. .lista

Podaj nazwę selektora, dla którego chcesz podać regułę. W przypadku kodu przedstawionego na listingu 6.15 użyłem niezależnej klasy, która może zostać użyta do wcinania listy.

2. display:

Rozpocznij definicję od podania właściwości display i dwukropka.

3. list-item

Podaj słowo kluczowe, określające w jaki sposób element ma być wyświetlany. Użyj jednego z poniższych słów kluczowych:

Informowanie elementu

• list-item, które spowoduje, że w pierwszej linii tekstu zostanie umieszczony znacznik punktu listy, a powyżej

i poniżej tekstu zostaną umieszczone przełamania linii. Pozwala to na użycie elementu jako części listy;

• błock, które spowoduje umieszczenie przełamania linii powyżej i poniżej elementu;

• inline, które sprawi, że element będzie traktowany jako wpisany;

113