Rozdział 4.
Rozdział 4.
Ustawianie wielu wartości
Ustawianie wielu wartości właściwości list-style
podać wszystkie atrybuty listy w jednej linii.
Ta wdaściw'ość pozwala na dostęp do właściwości list-style-type, list-style-position oraz list-style-image.
Podaj selektor listy, który chcesz przedefiniować.
2. list-style:
Zapisz właściwość list-style.
3. circle
Podaj wartość właściwości list-style-type i spację.
4. outside
Podaj wartość właściwości list-style-position i spację.
5. ulr(bullet2.gif)
Następnie podaj wartość właściwości list-style-image.
Zakończ definicję za pomocą średnika, następnie podaj pozostałe definicje i zakończ regułę wpisując zamykający nawias klamrowy }.
■ Netscape Navigator nie umożliwia stosowania właściwości list-style-image oraz. list-style-position.
■ Ponieważ typ każdej z kilku podawanych wartości jest inny, nie musisz podawać ich wszystkich, aby reguła działała poprawnie. Pominiętym właściwościom zostaną przypisane wartości domyślne.
Listing 4.4. W tym przykładzie za jednym zamachem ustawiamy wszystkie parametry właściwości list-style
<html>
<fiief.a hi: tp-equiv • "CortLent. -Type " ->coritent="te:-:t/html; char;set=ISO-8859-2"> <title>Listing 4 . 4</title>
<style type-"text/css,,>
LI ( list-style: circle; list-style-image: -»url(strzalka.gif); ł </style>
</head>
<body bgeolor■= " #FFFFFF" >
<h3>Lista miast:</h3>
<ul>
<li>Paryż <1i>Londyn <li>Genewa <li>Wenecja <li>Hediolan </ul>
</body>
Rysunek 4.4. Wyniki wyświetlenia w przeglądarce kodu z listingu 4.4
■ Jeśli osoba oglądająca stronę wyłączyła wyświetlanie grafiki w swojej przeglądarce, lub jeśli z jakiś powodów graficzny symbol listy nie został załadowany, to przeglądarka określi postać symboli listy na podstawie wartości właściwości list-style-type.
78