descriptor-suffix.html (914B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>CSS Test: descriptor suffix</title> 4 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org/"> 5 <link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/#counter-style-suffix"> 6 <link rel="match" href="descriptor-suffix-ref.html"> 7 <style type="text/css"> 8 @counter-style a { 9 system: extends decimal; 10 suffix: ","; 11 } 12 @counter-style b { 13 system: extends decimal; 14 suffix: \3001; 15 } 16 ol { 17 list-style-position: inside; 18 } 19 ol, section, p { 20 padding: 0; margin: 0; 21 line-height: 150%; 22 } 23 section { 24 counter-reset: p -3; 25 } 26 p { 27 counter-increment: p; 28 } 29 p::before { 30 content: counter(p, a); 31 } 32 </style> 33 <ol start="-2" style="list-style-type: a"> 34 <li>-2<li>-1<li>0<li>1<li>2 35 </ol> 36 <ol start="-2" style="list-style-type: b"> 37 <li>-2<li>-1<li>0<li>1<li>2 38 </ol> 39 <section> 40 <p><p><p><p><p> 41 </section>