DHTML0099

DHTML0099



Rozdział 6.

Ustawianie szerokości obramowania


Określanie wielu wartości

border-width: 5px thick 20px 40px

Możesz podać od jednej do czterech

wartości:

1.    Podanie jednej wartości określi szerokość obramowania wszystkich czterech boków.

2.    Podanie dwóch wartości określi szerokość obramowania par boków - górnego

i dolnego oraz lewego i prawego.

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

4.    Podanie czterech wartości spowoduje indywidualne określenie szerokości wszystkich czterech boków - górnego, prawego, dolnego i lewego.


Ustawianie szerokości obramowania

Szerokość obramowania określana jest poprzez podanie do czterech wartości definiujących grubość linii otaczających zawartość elementu. Jeśli nie określisz stylu ani koloru obramowania, to będzie ono wyświetlone jako ciągła, czarna linia. Na rysunku 6.7 przedstawiony został przykład szerokości obramowania, na którym każdy z boków elementu ma obramowanie o innej szerokości.

Aby zdefiniować szerokość obramowania elementu

1.    P{

Podaj selektor i nawias otwierający.

2.    border-width:

Zapisz właściwość border-width i dwukropek.

3.    5px

Następnie podaj jedną z poniższych wartości określających szerokość obramowania:

•    wielkość określającą długość;

•    słowo kluczowe określające wielkość względną: thin (wąski), medium (średni), thick (szeroki).

4.    ;}

Nie zapomnij zakończyć definicji średnikiem i zamykającym nawiasem klamrowym }.

z Rada

■ Właściwość border-width nie jest dostępna w Internet Explorerze, zamiast niej należy używać właściwości border.

Rysunek 6.7. Wyniki wyświetlenia u- przeglądarce kodu z listingu 6.5. Zauważ, te w Navigatorze zastosowane zostało domyślne obramowanie mające postać linii, nawet jeśli nie zostało to podane w kodzie. W Internet Explorerze styl obramowania musi zostać podany, w przeciwnym razie nie będzie ono widoczne

Listing 6.5. W tym przykładzie obramowanie górne elementu ma grubość 5 pikseli, prawe -10 pikseli, dolne - 20 pikseli, a lewe - 40 pikseli

<html>

<head>

<meta M:t.p-eoulv; "Content-Type' -»content="text/html; charset-ISO-885S-2“> <title>Listing 6.5</title> cstyle cype-"text/css">

P { border-width: 5px 10px 20px 40px; } </style>

</head>

<body bgcoloi ="łFFFETF">

<p>W języku HTML definiuje się po kolei ... </p>

</body>

</html>

W języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy z wierszy zawiera definicję wszystkich zawaitych w ram komórek Para znaczników TR i /TR 3tuzy 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

trt, rhwse "Oo C

102


Wyszukiwarka

Podobne podstrony:
DHTML0105 Rozdział 6. Określanie wielu wartości obramowańOkreślanie wielu wartości obramowań dla jed
DHTML0051 Rozdział 2. Ustawianie wielkośu czcionki 6pl 12ptUstawianie wielkości czcionki HTML udostę
DHTML0089 Rozdział 6.Pojęcie bloku elementu Określenie element jest używane do odwoływania się do ró
DHTML0076 Rozdział 4. Rozdział 4. Ustawianie wielu wartości Ustawianie wielu wartości właściwości
DHTML0093 Rozdział 6. Określanie pojedynczych marginesów Listing 6.2. Treść dokumentu ma ustawione m
DHTML0101 Rozdział 6. Określanie koloru obramowaniaOkreślanie koloru obramowania Podobnie jak w przy
DHTML0103 Rozdział 6. Rozdział 6. Upiększanie obramowańUpiększanie obramowań Określenie koloru nie j
DHTML0107 Rozdział 6. Rozdział 6. Określanie szerokości i wysokości (rai arę ŁffiiW. u,. 5.
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
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
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
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
DHTML0082 Rozdział 5. Czasami powtarzające si

więcej podobnych podstron