descriptor-calc.html (1044B)
1 <!DOCTYPE html> 2 <head> 3 <title>CSS Test: calc() in counter-style descriptor</title> 4 <link rel="help" href="https://drafts.csswg.org/css-counter-styles-3/"> 5 <link rel="match" href="descriptor-calc-ref.html"> 6 <link rel="stylesheet" href="support/test-common.css"> 7 <style type="text/css"> 8 /* 100em - 1px should be positive with pretty much any initial font size. */ 9 @counter-style a { 10 system: extends upper-roman; 11 range: calc(2 - sign(100em - 1px)) calc(5 + sign(100em - 1px)); 12 pad: calc(3 + sign(100em - 1px)) '*'; 13 } 14 @counter-style b { 15 system: fixed calc(1 + sign(100em - 1px)); 16 symbols: g h; 17 } 18 @counter-style c { 19 system: additive; 20 additive-symbols: calc(2 + sign(100em - 1px)) c, 2 b, 1 a; 21 } 22 </style> 23 </head> 24 <body> 25 <ol style="list-style-type: a;"><li><li><li><li><li><li><li><li><li><li></ol> 26 <ol style="list-style-type: b;"><li><li><li><li><li><li><li><li><li><li></ol> 27 <ol style="list-style-type: c;"><li><li><li><li><li><li><li><li><li><li></ol> 28 </body>