Tutorial CSS

Data publicarii: Martie 2006

Tutoriale » CSS » Stiluri pentru liste

CSS Mar 2006

Stiluri pentru liste

list-style-type
Folosind eticheta ol din HTML cream liste ordonate sau numerotate. Adaugand comenzi CSS in zona HEAD putem adauga pe langa numere si cifre sau alte simboluri. Browserul Netscape nu permite asocierea comenzilor CSS decat pentru eticheta li.

Sintaxa este:

<style type="text/css">
<!--
li {list-style-type: valoare;}
-->
</style>

valoarea poate fi:

valoaredisc
discdisc
circlecerc
squarepatrat
decimalnumere intregi
lower-romannumere romane, caractere mici (i, ii, iii, iv)
upper-romannumere romane, caractere mari (I, II, III, IV)
upper-alphalitere mari (A, B, C, D)
lower-alphalitere mici (a, b, c, d)
nonenimic

Exemplu: lista ordonata folosind marcaje cu litere mici

<html>
<head>
<title>Exemplu 6_1</title>
<style type="text/css">
<!--
li {list-style-type: lower-alpha;}
-->
</style>
</head>
<body>
Necesar materiale:
<ol>
<li>caramida</li>
<li>ciment</li>
<li>ipsos</li>
</ol>
</body>
</html>

list-style-image
In afara simbolurilor de marcaj prestabilite cunoscute de browser pot fi folosite si imagini prin comansa CSS list-style-image. Imaginile sunt introduse prin adresa url().

Exemplu: lista ordonata folosind ca marcaj imaginea punct.gif

<html>
<head>
<title>Exemplu 6_2</title>
<style type="text/css">
<!--
li {list-style-image: url(punct.gif);}
-->
</style>
</head>
<body>
Necesar materiale:
<ul>
<li>caramida</li>
<li>ciment</li>
<li>ipsos</li>
</ul>
</body>
</html>

Sus

Tutoriale
21 Nov 2017  3:31 PM
Tutoriale

Copyright © 2005-2016 Termeni si conditii
Adauga comentariu
Nume:*
Email:*
Comentariu:*
 Poza 
Introduceti codul:*

Completarea campurilor marcate cu * este obligatorie.

Autorul isi rezerva dreptul de a nu posta comentariile care nu au legatura cu subiectul articolului.

 
Comentarii:

Sus