DHTML0105

DHTML0105



Rozdział 6.

Określanie wielu wartości obramowań


Określanie wielu wartości obramowań dla jednego boku

Wszystkie wartości można także określić niezależnie dla obramowania na każdym z boków. Na rysunku 6.12 pokazano, jak można to zrobić, określając najpierw wspólny styl obramowania na wszystkich bokach, a następnie modyfikując pojedyncze boki.

Aby zdefiniować kilka właściwości obramowań dla jednego boku

1.    .lewej

Podaj selektor, dla którego chcesz zdefiniować regułę. W przykładzie przedstawionym na listingu 6.11 stworzymy niezależny selektor o nazwie lewe.

2.    border-

Rozpocznij definicję od zapisania właściwości border oraz znaku minus

3.    left:

Następnie podaj nazwę boku, którego właściwości chcesz określić - top, bottom, left lub right i dwukropek.

4.    5px

Podaj wartość właściwości border-width i spację.

5.    double

Podaj wartość właściwości border-style i spację.

6.    red

Podaj wartość właściwości border-color.

7.    ;}

Zakończ definicję znakiem średnika, następnie zapisz wszelkie dodatkowe definicje, które chcesz umieścić w tej regule i zakończ ją za pomocą zamykającego nawiasu klamrowego }.

Listing 6.11. Atrybuty określające postać obramowania można podawać osobno dla każdego z jego boków

<html>

<head>

<meta http-equiv="Content-Type" ->content="text/html; charset=.ISO-8859-2"> <titie>Listing 6.11</title>

<style type“"text/cssM>

.lewe { border-left: 5px double red } .prawe { border--right: 10px ridge red; } .górne I border-top: 20px inset red; } .dolne { border-bottom: 40px outset red; } P ( border:5px groove black; }

</style>

</head>

cbcdy bgcolor-"tfFFFFFFM>

<p class="lewe">Bułka z masłem. Pan eon ceso. Cheesburger.</p>

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

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

<p ciass- "dolne">A na kolacje prawdziwy, polski BIGOS!</p>

</boay>

</html>

i tik \wdok Pi-Wjdi ulubione Ponuc HV

1

JjBulka z masłem. Pan eon ceso Cheesburger

|A to będzie prawdziwe iruadanko kontynetalne - jajko na bekonie, 1 |<awusia i dwa kawałki bagietki

IW końcu nadszedł czas na dobry obiadek winko. mule. ostrygi. 1 |owoce morza.

■

|A na kolacje prawdawy. polski BI

Mój

Rysunek 6.12. Wyniki wyświetlenia kodu z listingu 6.11 w Internet Explorerze. Postać każdego z boków obramowania określiliśmy niezależnie

S Rada

■ Właściwość ta nie jest dostępna w Netscape Navigatorze. Zamiast niej musisz osobno określać wszystkie właściwości określające obramowanie każdego z boków elementu.

108


Wyszukiwarka

Podobne podstrony:
pf2 Rozdział 1 2. Określić zbiór wartości funkcji: a)/(x) = x2 - 2 + 1 Rozwiązujemy równanie kwadrat
DHTML0028 Rozdział 1. Definicje: właściwości i wartościDefinicje:właściwości i wartości /a selektore
DHTML0101 Rozdział 6. Określanie koloru obramowaniaOkreślanie koloru obramowania Podobnie jak w przy
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
DHTML0091 Rozdział 6. Określanie marginesów elementuOkreślanie marginesów elementu Właściwość margin
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
DHTML0097 Rozdział 6. Określanie wypełnienia Określanie wypełnienia na jednej stronieJeśli chcesz, m
DHTML0113 Rozdział 7. Określanie typu położeniaOkreślanie fypu położenia Kiedy określasz atrybuty zn
DHTML0123 Rozdział 7. Określanie marginesuOkreślanie górnego i lewego marginesu Oprócz marginesów, k
DHTML0099 Rozdział 6. Ustawianie szerokości obramowania Określanie wielu wartości border-width: 5px
DHTML0076 Rozdział 4. Rozdział 4. Ustawianie wielu wartości Ustawianie wielu wartości właściwości
388 V. Funkcje wielu zmiennych Aby mieć pewność, że równania te określają jednoznacznie wartości x,

więcej podobnych podstron