DHTML0104

Marginesy i obramowania

Listing 6.10. Obramowania będą miały zarówno znaczniki <IMG>, jak i <P

<htmi>

<head>

<met a h 11p-equi v=" Con t e n-Typc "

-►eonten t = ^Mtext/M nu ; cha rset =ISO-&85 9- 2 ” > <title>Listing 6.10</title>

< s L y 1 e type - " t e>: t / c s 5 " >

?, MG { border: 20px double #990000 ; } </st:yle>

</head>

body bgcolor "#FFFFFF^M>

<\>"ś SRC="../iriiages/rysl.gif" width="'150" neighr=^M126^M align "left">

<p>Podpisy tabel informują o tym, czego dotyczy tabela. Podpis definiowany ... </p> ^:/body>

Rysunek 6. /1. Wyniki wyświetlenia w przeglądarce kodu przedstawionego na listingu 6.10. Obramowanie otacza zarówno obrazek, jak i akapit

S Rada

■ Większość przeglądarek, nie dających możliwości określania innych właściwości obramować będzie udostępniało właściwość border.

■ Właściwość border nie działa poprawnie w Netscape Navigatorze.

Określanie

wielu wartości obramowań

W kaskadowych arkuszach stylów dostępna jest właściwość border, umożliwiająca jednoczesne określenie właściwości obramowań wszystkich czterech boków bloku. Właściwość ta może zostać użyta do określenia szerokości obramowania, jego stylu i koloru. Jak możesz się przekonać na rysunku 6.11, ustawienie obramowań zastosowane w listingu 6.10 ma ogromny wpływ na wygląd strony.

Aby określić

kilka wartości obramowań

1. IMG, P.

Podaj selektor (lub selektory), dla którego chcesz podać regułę. W przykładzie pokazanym na listingu 6.10 definiujemy znaczniki akapitu i obrazu.

border:

Podaj właściwość border i dwukropek.

20px

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

4. double

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

5. #990000

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

6. ;}

Zakończ definicję za pomocą średnika, następnie podaj wszelkie dodatkowe definicje, które chcesz umieścić w tej regule i zakończ ją za pomocą zamykającego nawiasu klamrowego }. Na rysunku 6.11 przedstawiony został ten kod wyświetlony w przeglądarce.

Określanie wielu wartość i obramowań

107