list-style-type

Siden er opdateret 21. 12. 2011

Eksempel på uordnede listetyper:

• listepunkt 1
• listepunkt 2

<ul>
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>

• listepunkt 1
• listepunkt 2

<ul style="list-style-type:circle;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>

• listepunkt 1
• listepunkt 2

<ul style="list-style-type:square;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>

• listepunkt 1
• listepunkt 2

<ul style="list-style-type:none;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>

• listepunkt 1
• listepunkt 2

<ul style="list-style-type:none;margin:0;padding:0;">
<li>listepunkt 1</li>
<li>listepunkt 2</li>
</ul>

• listepunkt 1
• listepunkt 2

<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

FreeFind