Lastnost list-style-type
Lastnost list-style-type omogoča
za seznam ul
namesto označevalnikov-pik narediti kvadratke ali
krožce. Za seznam ol
namesto običajnih števk lahko naredite rimske,
oštevilčenje v obliki črk: latiničnih ali grških.
Sintaksa
selektor {
list-style-type: vrednost;
}
Vrednosti za ul
| Vrednost | Opis |
|---|---|
circle |
Ustvari označevalnike v obliki krogov. |
disc |
Ustvari označevalnike v obliki pobarvanih krogov. |
square |
Ustvari označevalnike v obliki kvadratkov. |
none |
Odstrani označevalnike. |
Privzeta vrednost: disc.
Vrednosti za ol
| Vrednost | Opis |
|---|---|
armenian |
Tradicionalna armenska številčenja. |
decimal |
Arabske številke. |
decimal-leading-zero |
Arabske številke z ničlo spredaj za številke manjše od deset. |
georgian |
Tradicionalna gruzijska številčenja. |
lower-alpha |
Male latinične črke. |
lower-greek |
Male grške črke. |
lower-latin |
Ta vrednost je analogna lower-alpha. |
lower-roman |
Rimske številke v malih črkah. |
upper-alpha |
Velike latinične črke. |
upper-latin |
Ta vrednost je analogna upper-alpha. |
upper-roman |
Rimske številke v velikih črkah. |
none |
Odstrani označevalnike. |
Privzeta vrednost: decimal.
Primer
<ul>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ul>
ul {
list-style-type: disc;
}
:
Primer
<ul>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ul>
ul {
list-style-type: circle;
}
:
Primer
<ul>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ul>
ul {
list-style-type: square;
}
:
Primer
<ul>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ul>
ul {
list-style-type: none;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: decimal;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: armenian;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: decimal-leading-zero;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: georgian;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: lower-alpha;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: lower-greek;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: lower-latin;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: lower-roman;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: upper-alpha;
}
:
Primer
<ol>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ol>
ol {
list-style-type: upper-roman;
}
:
Primer
Ta primer prikazuje, da lastnost color
vpliva ne le na barvo besedila, temveč tudi na
barvo označevalnikov:
<ul>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
<li>seznam elementov</li>
</ul>
ul {
list-style-type: disc;
color: red;
}
:
Glejte tudi
-
lastnost
list-style-image,
ki nastavi označevalnike v obliki danih slik -
lastnost
list-style-position,
ki nastavi pozicijo označevalnikov -
lastnost
list-style,
ki je okrajšava za označevalnike