li-list-item-counter-001.html (1124B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>CSS Lists: 'counter-increment:list-item' on LI</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> 10 <link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-increment"> 11 <link rel="match" href="li-list-item-counter-001-ref.html"> 12 <style> 13 html,body { 14 color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; 15 } 16 body { margin-left: 10em; } 17 li { counter-increment: list-item 0; } 18 .dec { counter-increment:list-item -1; } 19 .zero { counter-increment:list-item 1 list-item -1; } 20 .two { counter-increment:list-item 3 list-item -1; } 21 </style> 22 </head> 23 <body> 24 25 <ol><li>a<li value=4>b<li>c</ol> 26 <ol><li>a<li value=4 style="counter-increment:list-item 5">b<li>c</ol> 27 <ol><li class=dec>a<li value=4 class=dec>b<li class=dec>c</ol> 28 <ol><li class=zero>a<li value=4 class=zero>b<li class=zero>c</ol> 29 <ol><li class=two>a<li value=4 class=two>b<li class=two>c</ol> 30 31 </body> 32 </html>