Stiluri pentru liste

Stiluri pentru liste

list-style-type
Folosind eticheta ol din HTML cream liste ordonate sau numerotate. Adăugând comenzi CSS în zona HEAD putem adăuga pe lângă numere şi cifre sau alte simboluri. Browserul Netscape nu îngăduie asocierea comenzilor CSS decât pentru eticheta li.

Sintaxa este:

Cod:

<style type="text/css">

</style>

valoarea poate fi:
valoare disc
disc disc
circle cerc
square pătrat
decimal numere întregi
lower-roman numere romane, caractere mici (i, ii, iii, iv)
upper-roman numere romane, caractere mari (I, II, III, IV)
upper-alpha litere mari (A, B, C, D)
lower-alpha litere mici (a, b, c, d)
none nimic

Exemplu: lista ordonată întrebuințând marcaje cu litere mici:

Cod:

<html>
<head>
<title>Exemplu</title>
<style type="text/css">

</style>
</head>
<body>
Necesar materiale:
<ol>
<li>caramida</li>
<li>ciment</li>
<li>ipsos</li>
</ol>
</body>
</html>

list-style-image
În afara simbolurilor de marcaj prestabilite faimoase de browser pot fi utilizate şi imagini prin comanda CSS list-style-image. Imaginile sunt introduse prin adresa url().

Exemplu: lista ordonată folosind ca marcaj imaginea punct.gif
Cod:

<html>
<head>
<title>Exemplu</title>
<style type="text/css">

</style>
</head>
<body>
Necesar materiale:
<ul>
<li>caramida</li>
<li>ciment</li>
<li>ipsos</li>
</ul>
</body>
</html>