descriptor-pad.html (1089B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>CSS Test: descriptor pad</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-pad"> 6 <link rel="match" href="descriptor-pad-ref.html"> 7 <link rel="stylesheet" href="support/test-common.css"> 8 <style type="text/css"> 9 @counter-style a { 10 system: extends upper-roman; 11 range: infinite 5; 12 pad: 3 '*'; 13 } 14 @counter-style b { 15 system: extends decimal; 16 negative: '(' ')'; 17 pad: 3 '0'; 18 } 19 @counter-style c { 20 system: alphabetic; 21 symbols: a\0304 a\0301 a\030c a\0300; 22 pad: 3 o; 23 suffix: ''; 24 } 25 @counter-style d { 26 system: extends decimal; 27 pad: '0' 3; 28 } 29 </style> 30 <ol start="-3" style="list-style-type: a"> 31 <li><li><li><li><li> 32 <li><li><li><li><li> 33 </ol> 34 <ol start="-2" style="list-style-type: b"> 35 <li><li><li><li><li> 36 </ol> 37 <ol style="list-style-type: c"> 38 <li><li> 39 <li value="6"><li value="16"> 40 <li value="27"><li value="70"> 41 </ol> 42 <ol style="list-style-type: d"> 43 <li> 44 </ol>