SEARCH !!

2010/04/16

list-style-type CSS2

.cl0 {list-style-type: none;}
.cl1 {list-style-type: disc;}
.cl2 {list-style-type: circle;}.cl3 {list-style-type: square;}
.cl4 {list-style-type: decimal;}
.cl5 {list-style-type: decimal-leading-zero;}
.cl6 {list-style-type: lower-roman;}
.cl7 {list-style-type: upper-roman;}
.cl8 {list-style-type: lower-greek;}
.cl9 {list-style-type: lower-alpha;}
.cl10 {list-style-type: lower-latin;}
.cl11 {list-style-type: upper-alpha;}
.cl12 {list-style-type: upper-latin;}
.cl13 {list-style-type: hebrew;}
.cl14 {list-style-type: armenian;}
.cl15 {list-style-type: georgian;}
.cl16 {list-style-type: cjk-ideographic;}
.cl17 {list-style-type: hiragana;}
.cl18 {list-style-type: katakana;}
.cl19 {list-style-type: hiragana-iroha;}
.cl20 {list-style-type: katakana-iroha;}
.parent {list-style-type: square;}
.inh1 {list-style-type: circle;}


  1. [cl0] This ordered list...
  2. ...should have no markers...
  3. ...next to its list items.

  • [cl1] This unordered list...
  • ...should have disc markers...
  • ...next to its list items.

  • [cl2] This unordered list...
  • ...should have circle markers...
  • ...next to its list items.

  • [cl3] This unordered list...
  • ...should have square markers...
  • ...next to its list items.

  1. [cl4] This ordered list...
  2. ...should have decimal markers...
  3. ...next to its list items.

  1. [cl5] This ordered list...
  2. ...should have decimal-leading-zero markers...
  3. ...next to its list items.

  1. [cl6] This ordered list...
  2. ...should have lower-roman markers...
  3. ...next to its list items.

  1. [cl7] This ordered list...
  2. ...should have upper-roman markers...
  3. ...next to its list items.

  1. [cl8] This ordered list...
  2. ...should have lower-greek markers...
  3. ...next to its list items.

  1. [cl9] This ordered list...
  2. ...should have lower-alpha markers...
  3. ...next to its list items.

  1. [cl10] This ordered list...
  2. ...should have lower-latin markers...
  3. ...next to its list items.

  1. [cl11] This ordered list...
  2. ...should have upper-alpha markers...
  3. ...next to its list items.

  1. [cl12] This ordered list...
  2. ...should have upper-latin markers...
  3. ...next to its list items.

  1. [cl13] This ordered list...
  2. ...should have hebrew markers...
  3. ...next to its list items.

  1. [cl14] This ordered list...
  2. ...should have armenian markers...
  3. ...next to its list items.

  1. [cl15] This ordered list...
  2. ...should have georgian markers...
  3. ...next to its list items.

  1. [cl16] This ordered list...
  2. ...should have cjk-ideographic markers...
  3. ...next to its list items.

  1. [cl17] This ordered list...
  2. ...should have hiragana markers...
  3. ...next to its list items.

  1. [cl18] This ordered list...
  2. ...should have katakana markers...
  3. ...next to its list items.

  1. [cl19] This ordered list...
  2. ...should have hiragana-iroha markers...
  3. ...next to its list items.

  1. [cl20] This ordered list...
  2. ...should have katakana-iroha markers...
  3. ...next to its list items.


  • This list item should have a square marker.
  • This list item contains a nested list.
    • The list items in this list should also have square markers.
    • This is because of the style attribute on the 'ul' element, which has been set to inherit the value of list-style-type.
    • Should the markers in this sub-list be circles, the test has been failed.

  • This list item should have a square marker, as it is the end of the parent element.


  • ----------------------------------------------------
    from:
    ----------------------------------------------------

    沒有留言:

    張貼留言