DHTML0093

DHTML0093



Rozdział 6.


Określanie pojedynczych marginesów


Listing 6.2. Treść dokumentu ma ustawione marginesy o wielkości 2em, jednak zostały stworzone cztery klasy lewa, prawa, dolna.

itrawęlzt cienieniu

<html>

<head>

<meta http-equiv~"Content-Type"

->content--- Mtext/html; charsez=>ISO-8859-2"> <title>Listing 6.2</title>

<5tyle type=t,,text/css">

BODY { margin: 2em; }

P { border:lpx solid; )

.Iowa { margin-left: 5em; }

.prawa { margin-right: 4em; }

.góra { margin-top: -lem; )

•doi { margin-bottom: -lem; }

</style>

</head>


Określanie pojedynczych marginesów

bloku elementu, bez zwracania uwagi na pozostałe trzy marginesy. Możliwość ta jest szczególne użyteczna do zastępowania w stylach wpisanych marginesów ustawionych gdzie indziej. Na rysunku 6.4 ustawiono kilka różnych marginesów dla różnych krawędzi elementów.

Aby określić pojedynczy margines

1.    ,lewa{

Podaj selektor, którego chcesz użyć do kontroli wyglądu dokumentu. W listingu 6.2 stworzyłem klasę o nazwie lewa, którą będzie można wykorzystać do dowolnego znacznika HTML-owego.

2.    margin-

Rozpocznij definicję od podania wartości margin oraz znaku minus

3.    left:

Wybierz bok bloku elementu, dla którego chcesz zdefiniować margines. Wpisz nazwę boku - top, bottom, left lub right - a następnie dwukropek.

4.    5em

Teraz określ wielkość marginesu; w tym celu możesz użyć:

•    wartości określającej długość;

•    wartości procentowej, która spowoduje stworzenie marginesu proporcjonalnego do szerokości elementu rodzicielskiego;

•    wartości auto, która sprawi, że wielkość marginesu zostanie określona według uznania przeglądarki.

5.    ;}

Zamknij definicję za pomocą średnika.

Teraz możesz dodać inne definicje, jakich potrzebujesz w tej regule, lub też możesz zakończyć ją za pomocą znaku zamykającego nawiasu klamrowego }.

coody bgcolor M#FFFFFF">

<p>To mi wygląda na normalny akapit, w którym nie zastosowano żadnych sztuczek, skryptów ani arkuszy stylów.</p> <p class="lewa,,>Bułka z masłem. Pan eon ceso. Cheesburger.</p>

<p class "prawa">A to będzie prawdziwe śniadanko kontynetalne -jajko na bekonie, kawusia i dwa kawałki bagietki.</p>

<p c.lass=,'gora">W końcu nadszedł czas na dobry obiadek: winko, mule, ostrygi, owoce morza, ...</p>

<p class="dol">A na kolacje prawdziwy, polski BIGOS!</p>

</body>

</htmi>


Wyszukiwarka

Podobne podstrony:
DHTML0091 Rozdział 6. Określanie marginesów elementuOkreślanie marginesów elementu Właściwość margin
DHTML0123 Rozdział 7. Określanie marginesuOkreślanie górnego i lewego marginesu Oprócz marginesów, k
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
DHTML0095 Rozdział 6. Określanie wypełnieniaOkreślanie wypełnienia wokół elementu Na pierwszy rzut o
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
DHTML0036 Rozdział 1. Dodawanie CSS do dokumentu HTML-owego Głównym zastosowaniem CSS jest definiowa
DHTML0060 Rozdział 3. Rozdział 3. Określanie kerningu £* SŚłycja iggpl:. Prrejd* Jubtor* Pnrrac. .
DHTML0062 Rozdział 3. niej użyć linii o podwójnej . oj nej Określanie odstępu wierszyOkreślanie odst
DHTML0082 Rozdział 5. Czasami powtarzające si
DHTML0087 Stosowanie właściwości kolorów i tła Listing 5.7. Wszystkie właściwości określające tło zn
DHTML0089 Rozdział 6.Pojęcie bloku elementu Określenie element jest używane do odwoływania się do ró
DHTML0099 Rozdział 6. Ustawianie szerokości obramowania Określanie wielu wartości border-width: 5px

więcej podobnych podstron