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.
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.
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 }.
■ 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