DHTML0091

Rozdział 6.

Określanie marginesów elementu

Właściwość margin pozwala na określenie odstępu pomiędzy elementem a innymi elementami w oknie, poprzez podanie od jednej do czterech waitości odpowiadających bądź wszystkim czterem krawędziom elementu, parom krawędzi góma/dolna, lewa/prawa, bądź też każdej krawędzi osobno. Na rysunku 6.3 przedstawione zostało wykorzystanie marginesów; w tym przypadku posłużyły one do stworzenia ujemnego obszaru wokół tekstu nagłówka.

Aby zdefiniować marginesy

1. BODY{

Podaj selektor. W przykładzie przedstawionym na listingu 6.1 ustawiamy marginesy całej strony poprzez użycie selektora BODY.

2. margin:

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

3. 5em

Teraz podaj wielkość marginesu; wartością tą może być:

• wartość określająca długość;

• wartość procentowa, która spowoduje stworzenie marginesów proporcjonalnych do szerokości

cIciraturodiicidsIticH

• wartość auto, która spowoduje, że to przeglądarka określi wielkość marginesów' według własnego uznania.

4. ;}

Zakończ definicję za pomocą średnika.

Jeśli chcesz, możesz teraz dodać do reguły inne definicje lub zakończyć ją za pomocą zamykającego nawiasu klamrowego }.

Na rysunku 6.3 przedstawiony został wygląd stworzonych marginesów'.

Li ślini; 6. /. Treść strony posiadała marginesy o wielkości 5em. dzięki którym zawartość strony jest odsunięta od jej krawędzi o podaną odległość. Jedynym wyjątkiem jest nagłówek <TI5>, gdzie ustawiono marginesy o wielkości -5em, które w efekcie niwelują marginesy ustawione w znaczniku <BODY>

<htail>

<head>

Cne ta http-equ: v«"Coritent-TYpe" -»content="te>:t/html; charset=ISC-88S9-2"> <title>Listing 6.1</tltle>

BODY { margin: 5©m; }

HS ( margin: -5em; )

</style>

</head>

cbody bgeolor»"tfFFFFFF">

<H5>Rozdział 3<br>

Kilka stów o tabelach</h5>

<p>W języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy z wierszy

...</p>

</boay>

</html>

Więcej wartości za jednym razem

Jeśli chcesz określić kilka marginesów,

to możesz podać do czterech różnych

wartości oddzielonych od siebie spacjami.

Dla przykładu:

5em auto 5em 25%

1. Podanie jednej wartości spowoduje określenie wszystkich czterech marginesów.

1. Podanie dwóch wartości epowodujo

określenie par marginesów - górnego i dolnego oraz lewego i prawego.

3. Podanie trzech wartości spowoduje określenie marginesu górnego, lewego i prawego (które będą takie same) oraz marginesu dolnego.

4. Podanie czterech wartości określa indywidualnie każdy z marginesów: górny, praww, dolny i lewy.

Wyszukiwarka

Podobne podstrony:
DHTML0123 Rozdział 7. Określanie marginesuOkreślanie górnego i lewego marginesu Oprócz marginesów, k
DHTML0089 Rozdział 6.Pojęcie bloku elementu Określenie element jest używane do odwoływania się do ró
DHTML0093 Rozdział 6. Określanie pojedynczych marginesów Listing 6.2. Treść dokumentu ma ustawione m
DHTML0095 Rozdział 6. Określanie wypełnieniaOkreślanie wypełnienia wokół elementu Na pierwszy rzut o
DHTML0044 Rozdział 1.Określanie porządku kaskady Na jednej stronie WWW możesz dysponować dołączonymi
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0072 Rozdział 4. Określanie styHii symboli listOkreślanie stylu symboli list Kontrolę nad typem
DHTML0078 Rozdział 5. Określanie kolorów E* ci tg Pńnt Secufy £ GuboOkreślanie kolorów Dzięki
DHTML0080 Rozdział 5. Określanie obrazu tłaOkreślanie obrazu tła Dzięki kaskadowym arkuszom stylów m
DHTML0097 Rozdział 6. Określanie wypełnienia Określanie wypełnienia na jednej stronieJeśli chcesz, m
DHTML0101 Rozdział 6. Określanie koloru obramowaniaOkreślanie koloru obramowania Podobnie jak w przy
DHTML0105 Rozdział 6. Określanie wielu wartości obramowańOkreślanie wielu wartości obramowań dla jed
DHTML0113 Rozdział 7. Określanie typu położeniaOkreślanie fypu położenia Kiedy określasz atrybuty zn
DHTML0125 Rozdział 7. Przycinanie elementuPrzycinanie elementu W odróżnieniu od określania właściwoś
pic 11 06 072048 Rozdział 11. Marginalizacja i wykluczenie społeczne jącym system opieki społecznej
DHTML0111 Rozdział 6.Informowanie elementu • nonę, które spowoduje, że w przeglądarkach CSS element
DHTML0117 Rozdział 7. Rozdział 7. Stosowanie umiejscawianiaStosowanie umiejscawiania względnego Elem
DHTML0119 Rozdział 7. Dodawanie elementówDodawanie elementów bezwzględnych do
DHTML0127 Rozdział 7. Definiowanie porządku wyświetlaniaDefiniowanie porządku wyświetlania Różne ele

więcej podobnych podstron