KURS CSS

KURS HTML KURS CSS


Treść

Właściwoości listy

Właściwości llisty deklarujemy poleceniem selektor {list-style-type: typ }. Właściwośći tła może być ustawiona dl ul, ol, li
Dla list punktowanych przewidziane są tpy: disc,circle, ssquare, dla list uporządkowanych: decima, lower-alpha,upper-alpha, lower-roman, upper-roman. Styl wyłącza typ none.
Dla list uporządkowanych przewidziane są poza tym liczbe typy oparte na alfabetach wschodnich lub historycznych np.:lower-greek, hebrew, armenian, georgian...

Deklaracja pozycji znacznika to właściwość list-style-position: z wartościami: inside, outside, gdzie inside ustawia punktor w pierwszej linii a outside przed linią(standard).

Style CSS pozwalają na wstawienie włąsnej grafiki jako punktora:
list-style-image:url;
W formie skróconej podajemy wartości w kolejności: typ, position, image

Automatyczna literacja

Przykłady

< ul style="list-style-type:circle">
	< li>lista ze stylem punktora "circle"
	< li>punkt2
	< li style="list-styke-type:square">Punkt z znakiem "square"
	< li> punkt4
  • lista ze stylem punktora "circle"
  • punkt2
  • Punkt z znakiem "square"
  • punkt4
< ol style="list-style-type:lower-alpha">
	< li>Lista uporządkowana literami
	< li>punkt 2
	< li style="list-style-type:upper-roman"> zmiana na liczby rzymskie
	< li> punkt 4
	< li style="list-style-type:georgian">typ georgian
	< li style="list-style-type:hiragana">typ hiragana
  1. Lista uporządkowana literami
  2. punkt 2
  3. zmiana na liczby rzymskie
  4. punkt 4
  5. typ georgian
  6. typ hiragana
    < ol style="list-style-position:inside">
    < li>Lista z poycją punktora inside
    < li>sadwajlcbawjcbswaeuvayibajsjva;oivas;vndfvhdzfx;obvdfxvklfdhbxdjblixgf bxvchb dfs
    sacasch;LWiCF"pawfv'wvEs"jvSvlsejv:"se+
    < li>sadwajlcbawjcbswaeuvayibajsjva;oivas;vndfvhdzfx;obvdfxvklfdhbxdjblixgf bxvchb dfs
    sacasch;LWiCF"pawfv'wvEs"jvSvlsejv:"se+
    < li>sadwajlcbawjcbswaeuvayibajsjva;oivas;vndfvhdzfx;obvdfxvklfdhbxdjblixgf bxvchb dfs
    sacasch;LWiCF"pawfv'wvEs"jvSvlsejv:"se+
    < ol style="list-style-type:outside">Zmiana położenia punktora na outside
    
    1. Lista z poycją punktora inside
    2. sadwajlcbawjcbswaeuvayibajsjva;oivas;vndfvhdzfx;obvdfxvklfdhbxdjblixgf bxvchb dfs sacasch;LWiCF"pawfv'wvEs"jvSvlsejv:"se+
    3. sadwajlcbawjcbswaeuvayibajsjva;oivas;vndfvhdzfx;obvdfxvklfdhbxdjblixgf bxvchb dfs sacasch;LWiCF"pawfv'wvEs"jvSvlsejv:"se+
    4. sadwajlcbawjcbswaeuvayibajsjva;oivas;vndfvhdzfx;obvdfxvklfdhbxdjblixgf bxvchb dfs sacasch;LWiCF"pawfv'wvEs"jvSvlsejv:"se+
        Zmiana położenia punktora na outside
      < ul style="list-style-type-image:url(images/tło.png)">
      < li>p1
      < li>p2
      < li>p3
      < /ul>
      
      • p1
      • p2
      • p3
Mateusz O. Gr. 1