list-style-type

Siden er opdateret 21. 12. 2011

Eksempel på uordnede listetyper:

<ul>
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>
<ul style="list-style-type:circle;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>
<ul style="list-style-type:square;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>
<ul style="list-style-type:none;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>
<ul style="list-style-type:none;margin:0;padding:0;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>
<ul style="list-style-type:none;padding:0;margin:0;">
<li style="display:inline;padding:0 10px;">listepunkt 1</li>
<li style="display:inline;padding:0 10px;">listepunkt 2</li>
</ul>

Eksempler på ordnede lister:

  1. listepunkt 1
  2. listepunkt 2
  3. listepunkt 3
  4. listepunkt 4
  5. listepunkt 5
  6. listepunkt 6
<ol style="list-style-type:decimal;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ol>
  1. listepunkt 1
  2. listepunkt 2
  3. listepunkt 3
  4. listepunkt 4
  5. listepunkt 5
  6. listepunkt 6
<ol style="list-style-type:lower-roman;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ol>
  1. listepunkt 1
  2. listepunkt 2
  3. listepunkt 3
  4. listepunkt 4
  5. listepunkt 5
  6. listepunkt 6
<ol style="list-style-type:upper-roman;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ol>
  1. listepunkt 1
  2. listepunkt 2
  3. listepunkt 3
  4. listepunkt 4
  5. listepunkt 5
  6. listepunkt 6
<ol style="list-style-type:lower-alpha;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ol>
  1. listepunkt 1
  2. listepunkt 2
  3. listepunkt 3
  4. listepunkt 4
  5. listepunkt 5
  6. listepunkt 6
<ol style="list-style-type:upper-alpha;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ol>
  1. listepunkt 1
  2. listepunkt 2
  3. listepunkt 3
  4. listepunkt 4
  5. listepunkt 5
  6. listepunkt 6
<ol style="list-style-type:decimal-leading-zero;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ol>

Denne type forstår Internet Explorer ikke!
  1. listepunkt 1
  2. listepunkt 2
  3. listepunkt 3
  4. listepunkt 4
  5. listepunkt 5
  6. listepunkt 6
<ol style="list-style-type:lower-greek;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ol>

Denne type forstår Internet Explorer ikke!
  1. listepunkt 1
  2. listepunkt 2
  3. listepunkt 3
  4. listepunkt 4
  5. listepunkt 5
  6. listepunkt 6
<ol style="list-style-type:hebrew;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ol>

Denne type forstår Internet Explorer ikke!

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen december 2003
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - list-style-type
sidens top
Brugere lige nu: 1
Home Mail