DHTML0101

Rozdział 6.

Określanie koloru obramowania

Podobnie jak w przypadku większości elementów na stronach WWW, możesz także określać kolor obramowania elementu. Jeśli kolor ten nie zostanie podany, to zostanie mu przypisana domyślna wartość koloru określona przez użytkownika. Na rysunku 6.9 przedstawione zostały obramowania o różnych kolorach. (No, może nie do końca, ale tak by było, gdyby książka została wydrukowana w kolorze.)

Aby zdefiniować

kolor obramowania dla selektora

1. IMG {

Podaj selektor reguły. W przykładzie pokazanym na listingu 6.8 użyliśmy selektora znacznika <IMG>.

2. border-color:

Rozpocznij definicję od zapisania właściwości border-color i dwukropka.

3. red

Podaj wartość określającą kolor, jaki chcesz nadać obramowaniu. Może to być nazwa

koloru, szesnastkowa wartość koloru lub

wartość RGB.

4. ; border: 20px inset;}

Zapisz średnik kończący te definicje.

Następnie, aby można było zobaczyć kolor obramowania, będziesz jeszcze musiał dodać definicję szerokości obramowania.

Listing 6.8. W tym przykładzie górne obramowanie elementu będzie miało kolor czerwony, prawe - zielony, dolne — niebieski, a lewe - purpurowy

<head>

<ine t:a h 11 p -equi v« ^M Con r.en 1: -Type¹¹

eontent: " t: et / h tml; charse t.»ISO -8 8 5 9-- 2 " >

<title>Listing 6.8</title>

IMG ( border: 20p>: inset; border-color: red green blue purple;}

</style>

</head>

</body>

</html>

Wielokolorowe obramowania

border-color: red green blue purple;

Możesz podać od jednej do czterech wartości oddzielonych od siebie spacjami. Określanie kolorów działa w taki sam sposób jak podawanie innych właściwości elementów.

1. Podanie jednej wartości określa kolor

obramowania wszystkich czterech

boków elementu.

2. Podanie dwóch wartości powoduje określenie koloru obramowania par boków: górnego i dolnego oraz

lewego i prawego.

3. Podanie trzech wartości spowoduje określenie koloru obramowania górnego boku elementu, prawego

i lewego boku (które będą takie same) oraz dolnego boku.

4. Podanie czterech wartości spowoduje indywidualne określenie każdego

z czterech boków elementu - górnego, prawego, dolnego i lewego.

104

Wyszukiwarka

Podobne podstrony:
DHTML0099 Rozdział 6. Ustawianie szerokości obramowania Określanie wielu wartości border-width: 5px
DHTML0105 Rozdział 6. Określanie wielu wartości obramowańOkreślanie wielu wartości obramowań dla jed
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
Rozdział 1. Podobnie, jak w przypadku logistyki wojskowej także logistyka ogólna jest definiowana na
img820 :eż vice versa: przekaz zwykle może po swojemu określić albo zmienić charakter kontekstu. Pod

więcej podobnych podstron