CSS
-
Přímo vložený styl
-
Šablona stylu v dokumentu
-
Externí šablony stylů
-
Syntaxe stylů
-
Třídy stylů
-
Vlastnosti písma
-
Vlastnosti barvy a pozadí
-
Vlastnosti textu
-
Vlastnosti obdelníku
- Vlastnosti seznamů
-
Značky <style>, <span> a <div>
-
Vlastnosti zobrazení
10.
Vlastnosti seznamů
Nastaví obrázek jako položku seznamu.
Příklad:
.odrazka {list-style-image: url(kolecko1.gif)}
-
1. ročník
-
2. ročník
-
3. ročník
-
4. ročník
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)}
-
Lákamí vůněhulás úmyval rohlivý jednovod
lek obolekno lva umí ří úmyvaleka.
.odrazkavne {list-style-position: outside; list-style-image: url(kolecko1.gif)}
-
Lákamí vůněhulás úmyval rohlivý jednovod
lek obolekno lva umí ří úmyvaleka.
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}
-
1. ročník
-
2. ročník
-
3. ročník
-
4. ročník
.rimske {list-style-type: upper-roman}
-
1. ročník
-
2. ročník
-
3. ročník
-
4. ročník
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
.
-
1. ročník
-
2. ročník
-
3. ročník
-
4. ročník