C S S   -   Cascading Style Sheets

8.   sonstiges

8.1  listensymbol - liste-style-type, list-style-image

list-style-type: symbol; aufzähl- / numerierungssymbol
für symbol gibt es folgende möglichkeiten
ungeordnete liste geordnete liste
circlekreisdecimal1. 2.
discgefüllter kreislower-alphaa. b.
squarequadratupper-alphaA. B.
nonenichtslower-romani. ii.
upper-romanI. II.
list-style-image: url('dateiname'); beliebiges symbol

beispiele
Die beispiele sind nach folgendem muster aufgebaut und unterscheiden sich nur bei der eigenschaft list-style-typ

<ul style="list-style-type: circle">
    <li><b>circle</b></li>
    <li>bbbbbbbbbb</li>
    <li>ccccccccccccc</li>
</ul>

Beim letzten beispiel wird im ul-tag die eigenschaft list-style-image verwendet, das selbstgebastelte aufzählsymbol macht einen zweizeiligen abstand nötig.

<ul style="list-style-image: url('im/n-links.gif'); line-height: 200%">

  • circle
  • bbbbbbbbbb
  • ccccccccccccc
  • disc (std)
  • bbbbbbbbbb
  • ccccccccccccc
  • square
  • bbbbbbbbbb
  • ccccccccccccc
  1. dezimal
  2. bbbbbbbb>
  3. cccccccc
  1. lower-alpha
  2. bbbbbbbb
  3. cccccccc
  1. upper-alpha
  2. bbbbbbbb
  3. cccccccc
  1. lower-roman
  2. bbbbbbbb
  3. cccccccc
  1. upper-roman
  2. bbbbbbbb
  3. cccccccc
  1. none
  2. bbbbbbbb
  3. cccccccc


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  H T M L  
  c s s
  P H P  
  My S Q L  
  JAVASCRIPT