Kurs HTML - style (wykazy)







SPIS TREŚCI


Typ stylu  - 
Zawijanie tekstu  - 
Wyróżnik obrazkowy  - 
Atrybuty mieszane  - 
Odstęp wyróżnika


Wykazy




TYP STYLU
SELEKTOR { list-style-type: typ }

SELEKTOREM mogą być znaczniki dotyczące wykazów (UL - wypunktowanie,
OL - wykaz numerowany oraz LI - pojedynczy punkt wykazu)
[zobacz: Wstawianie stylów].
Natomiast "typ" odpowiada za wygląd wyróżnika wykazu (markera) i należy zamiast
niego wpisać:



disc - koło
Przykład:
list-style-type: disc
Punkt pierwszy
Punkt drugi
Punkt trzeci


circle - okrąg
Przykład:
list-style-type: circle
Punkt pierwszy
Punkt drugi
Punkt trzeci


square - kwadrat
Przykład:
list-style-type: square
Punkt pierwszy
Punkt drugi
Punkt trzeci


decimal - liczby arabskie
Przykład:
list-style-type: decimal
Punkt pierwszy
Punkt drugi
Punkt trzeci


lower-alpha - małe litery
Przykład:
list-style-type: lower-alpha
Punkt pierwszy
Punkt drugi
Punkt trzeci


upper-alpha - duże litery
Przykład:
list-style-type: upper-alpha
Punkt pierwszy
Punkt drugi
Punkt trzeci


upper-roman - duże liczby rzymskie
Przykład:
list-style-type: upper-roman
Punkt pierwszy
Punkt drugi
Punkt trzeci


lower-roman - małe liczby rzymskie
Przykład:
list-style-type: lower-roman
Punkt pierwszy
Punkt drugi
Punkt trzeci


none - brak wyróżnika (markera)
Przykład:
list-style-type: none
Punkt pierwszy
Punkt drugi
Punkt trzeci




Oprócz tego Netscape 6 (oraz częściowo Opera 6) obsługuje dodatkowo następujące typy:

decimal-leading-zero ("prowadzące zero" np.: 01, 02, 03,...)
lower-latin (małe łacińskie: a, b, c,... z) - to samo co lower-alpha
upper-latin (duże łacińskie: A, B, C,... Z) - to samo co upper-alpha
lower-greek (małe greckie: έ, ή, ί,...)
hebrew (hebrajskie)
georgian (an, ban, gan,..., he, tan, in, in-an,...)
armenian
katakana (A, I, U, E, O, KA, KI,...)
katakana-iroha (I, RO, HA, NI, HO, HE, TO,...)
hiragana (a, i, u, e, o, ka, ki,...)
hiragana-iroha (i, ro, ha, ni, ho, he, to,...)
cjk-ideographic


UWAGA! Niestety Internet Explorer 6 nie interpretuje dodatkowych typów.




ZAWIJANIE TEKSTU
SELEKTOR { list-style-position: pozycja }

SELEKTOREM mogą być znaczniki dotyczące wykazów (UL - wypunktowanie,
OL - wykaz numerowany oraz LI - pojedynczy punkt wykazu)
[zobacz: Wstawianie stylów].
Natomiast "pozycja" określa, jak będą zawijane wiersze wykazu, które nie zmieszczą
się w jednej linii. Możliwe są tutaj dwa przypadki:



outside - wyróżniki na zewnątrz wykazu (domyślnie).
Przykład:
list-style-position: outside
Punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy.
Punkt drugi... punkt drugi... punkt drugi... punkt drugi...
punkt drugi... punkt drugi... punkt drugi... punkt drugi...
punkt drugi... punkt drugi... punkt drugi... punkt drugi...
punkt drugi... punkt drugi... punkt drugi... punkt drugi.
Punkt trzeci... punkt trzeci... punkt trzeci... punkt trzeci...
punkt trzeci... punkt trzeci... punkt trzeci... punkt trzeci...
punkt trzeci... punkt trzeci... punkt trzeci... punkt trzeci.


inside - wyróżniki wewnątrz wykazu.
Przykład:
list-style-position: inside
Punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy.
Punkt drugi... punkt drugi... punkt drugi... punkt drugi...
punkt drugi... punkt drugi... punkt drugi... punkt drugi...
punkt drugi... punkt drugi... punkt drugi... punkt drugi...
punkt drugi... punkt drugi... punkt drugi... punkt drugi.
Punkt trzeci... punkt trzeci... punkt trzeci... punkt trzeci...
punkt trzeci... punkt trzeci... punkt trzeci... punkt trzeci...
punkt trzeci... punkt trzeci... punkt trzeci... punkt trzeci.






WYRÓŻNIK OBRAZKOWY
SELEKTOR { list-style-image: url(ścieżka dostępu) }

SELEKTOREM mogą być znaczniki dotyczące wykazów (UL - wypunktowanie,
OL - wykaz numerowany oraz LI - pojedynczy punkt wykazu)
[zobacz: Wstawianie stylów].
Natomiast jako "ścieżka dostępu" należy wpisać względną ścieżkę do obrazka, który
ma się pojawić jako wyróżnik wykazu (marker).
Wpisanie "none" usunie obrazek.



Polecenie pozwala zastosować dowolny obrazek jako wyróżnik wykazu (czyli marker).
Dzięki temu nie musimy korzystać już tylko z podstawowych typów wykazu, ale możemy stworzyć
swoje własne. Sprawi to, że nasza strona będzie wyglądała bardziej oryginalnie i estetycznie.


Wspólnie z tą własnością można również podać dodatkowo typ stylu.
W takim przypadku, jeśli obrazek będzie niedostępny lub użytkownik wyłączy wyświetlanie obrazów,
wykaz przyjmie podany typ.

Przykład:
list-style-image: url(../pliki/minus.gif)
Punkt pierwszy
Punkt drugi
Punkt trzeci




ATRYBUTY MIESZANE
SELEKTOR { list-style: wartości atrybutów }

SELEKTOREM mogą być znaczniki dotyczące wykazów (UL - wypunktowanie,
OL - wykaz numerowany oraz LI - pojedynczy punkt wykazu)
[zobacz: Wstawianie stylów].
Natomiast jako "wartości atrybutów" należy wpisać kolejne wartości (oddzielone
spacjami), jakie mają przyjąć poszczególne atrybuty wykazu.
Są to: typ stylu, zawijanie tekstu,
wyróżnik obrazkowy.



Tak jak przy wielu innych elementach, także i tutaj możliwe jest użycie atrybutów mieszanych.
Jak zawsze zaoszczędzają one nam pisania. Zamiast wpisywać:
list-style-type: disc; list-style-position: inside, wystarczy podać:
list-style: disc inside.

Przykład:
list-style: url(../pliki/minus.gif) inside
Punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy.
Punkt drugi... punkt drugi... punkt drugi... punkt drugi...
punkt drugi... punkt drugi... punkt drugi... punkt drugi...
punkt drugi... punkt drugi... punkt drugi... punkt drugi.




ODSTĘP WYRÓŻNIKA
(nieinterpretowane)
SELEKTOR { marker-offset: odstęp }

SELEKTOREM mogą być znaczniki dotyczące wykazów (UL - wypunktowanie,
OL - wykaz numerowany oraz LI - pojedynczy punkt wykazu)
[zobacz: Wstawianie stylów].
Natomiast "odstęp" oznacza odległość wyróżnika wykazu (markera) od tekstu,
znajdującego się w poszczególny punktach. Wartość odstępu należy podać używając
jednostek długości.



Polecenie to pozwala nam w sposób jawny zdefiniować odstępy markerów od treści wykazu.


UWAGA! Polecenie jak do tej pory nie interpretuje chyba żadna przeglądarka.

Przykład:
marker-offset: 4cm













Wyszukiwarka

Podobne podstrony:
wykazy
WYKAZY
Wykazy zmian danych ewidencyjnych
wykazy
Wykazy publikacji książki polonistyka
wykazy (5)
wykazy
wykazy (10)
wykazy (11)
WYKAZY

więcej podobnych podstron