Onumrerade listor

Lista utan några attribut.

• Punkt ett.
• Punkt två.

Lista med attributet TYPE satt till "square"

• Punkt ett.
• Punkt två.

Lista med attributet TYPE satt till "circle"

• Punkt ett.
• Punkt två.

Nästlade listor i fyra nivåer (utan attribut!). Observera att webbläsare väljer olika punkttyper för de olika nivåerna utom nivå 3 och 4 som får samma punkttyp.

• Punkt ett - nivå 1.
  • Punkt ett - nivå 2.
    • Punkt ett - nivå 3.
      • Punkt ett - nivå 4.
      • Punkt två - nivå 4.
    • Punkt två - nivå 3.
  • Punkt två - nivå 2.
• Punkt två - nivå 1.

Onumrerade listor ändrade med CSS

Som exempel nedan visasr så går det att ange numrering för onumrerad lista.

list-style-type: armenian;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: circle;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: decimal;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: decimal-leading-zero;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: disc;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: georgian;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: lower-alpha;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: lower-greek;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: lower-latin;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: lower-roman;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: none;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: square;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: upper-alpha;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: upper-latin;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

list-style-type: upper-roman;

• Punkt ett ändrad med CSS
• Punkt två ändrad med CSS
• Punkt tre ändrad med CSS

Skapad av: Björn G.D. Persson. Uppdaterad: 2025-01-12.