redefine-attr-mapping.html (1196B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>CSS Test: redefine attr mapping</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/#the-counter-style-rule"> 6 <link rel="match" href="redefine-attr-mapping-ref.html"> 7 <link rel="stylesheet" href="support/test-common.css"> 8 <style type="text/css"> 9 @counter-style triangle { 10 system: cyclic; 11 symbols: \2023; 12 suffix: ""; 13 } 14 @counter-style circle { 15 system: extends triangle; 16 } 17 @counter-style square { 18 system: extends triangle; 19 } 20 @counter-style lower-roman { 21 system: extends hiragana; 22 } 23 @counter-style upper-roman { 24 system: extends katakana; 25 } 26 @counter-style lower-alpha { 27 system: extends hiragana-iroha; 28 } 29 @counter-style upper-alpha { 30 system: extends katakana-iroha; 31 } 32 ::marker { font-family: inherit; } 33 </style> 34 <ul type="circle"><li></ul> 35 <ul type="square"><li></ul> 36 37 <ol><li></ol> 38 <ol type="i"><li></ol> 39 <ol type="I"><li></ol> 40 <ol type="a"><li></ol> 41 <ol type="A"><li></ol> 42 43 <ul> 44 <li type="circle"> 45 <li type="square"> 46 <li type="i"> 47 <li type="I"> 48 <li type="a"> 49 <li type="A"> 50 </ul>