Pro výukové účely na SPŠ Zlín
vytvořil RNDr.Vladimír Vaščák

CSS

  1. Přímo vložený styl
  2. Šablona stylu v dokumentu
  3. Externí šablony stylů
  4. Syntaxe stylů
  5. Třídy stylů
  6. Vlastnosti písma
  7. Vlastnosti barvy a pozadí
  8. Vlastnosti textu
  9. Vlastnosti obdelníku
  10. Vlastnosti seznamů
  11. Značky <style>, <span> a <div>
  12. Vlastnosti zobrazení

10. Vlastnosti seznamů

Nastaví obrázek jako položku seznamu.
Příklad:

.odrazka {list-style-image: url(kolecko1.gif)}

Umístění značky seznamu.
Dva způsoby inside nebo outside .

Příklady:

.odrazkauvnitr {list-style-position: inside; list-style-image: url(kolecko1.gif)} .odrazkavne {list-style-position: outside; list-style-image: url(kolecko1.gif)}
Definuje značky seznamu .
U neuspořádaného seznamu jsou povolené hodnoty disc , circle , square a none .
U uspořádaného seznamu jsou povolené hodnoty decimal , lower-roman , upper-roman , lower-alpha , upper-alpha a none .
Příklady:

.ctverec {list-style-type: square}
.rimske {list-style-type: upper-roman}
Všechny předchozí vlastnosti lze zapsat.
Příklad:

.vse {list-style: url(kolecko1.gif);list-style-type: circle; list-style-position: outside;}

Pokud nebude obrázek v cestě prohlížeč nastaví značku kolečka.
Úkol: definujte vlastní styl seznamu pojmenovaný mujseznam .
zpět vpřed
© 2007 Pro výuku na SPŠ Zlín připravil RNDr. Vladimír Vaščák