A listk formzsa CSS-el
Most a lista formzsokrl szeretnk veletek beszlni, elszr is maradjunk a felsorolsnl, teht a lista eredeti funkcijnl. Kt rszre vennm a dolgot, a szmozott s a nem szmozott listkra. Nzzk is meg ket :)
A klmbsg a kett kztt, az hogy mshogy deklarljuk ket.
A pontozott lista: <ul></u>
Amg a szmozott: <ol></ol>
A kett kztt a kapcsolat pedig az hogy az alap tag-en bell lis <li></li> tagek tallhatak meg. Maguk a listaelemek. A CSS-ben kitrhetnk csak a li formzsra is abban az esetben ha pldul nem fogunk szmozott listt alkalmazni. Ha mindkettt hasznlnnk akkor az ul illetve az ol szavakkal hivatkozzunk rjuk a css-ben.
Hrom tulajdonsga van egy listnak:
list-style-position, vagyis a kis felsorols jelek helyzete. Ez lehet inside ilyenkor a listaelemmel egytt "mozog" s outside amikor elklnl.
list-style-image, avagy sajt kpet llthatsz be listaelemknt, ezt rdemes a nem szmozott listknl hasznlni
list-style-type , vagyis a kis listajel tpusa
Felsorolsokhoz: disc, circle, square
Szmozott listkhoz: decimal, decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-latin, upper-latin, armenian, georgian, lower-alpha, upper-alpha
s ha nem akarsz semmit, egyszeren csak: none
Persze ezeken kvl formzhatod mg a listaelemek sznt, mrett, csak ez az a 3 dolog amitl a lista lista.
Pr plusz dolog a szmozott listrl:
gy fordtod meg: <ol reversed></ol>
s gy adsz neki kezdszmot: <ol start="23"></ol>
Mindenkinek j listzgatst, remlem segtettem :)
|