Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-counter-styles/counter-style-at-rule/descriptor-calc.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<head>
<title>CSS Test: calc() in counter-style descriptor</title>
<link rel="match" href="descriptor-calc-ref.html">
<link rel="stylesheet" href="support/test-common.css">
<style type="text/css">
/* 100em - 1px should be positive with pretty much any initial font size. */
@counter-style a {
system: extends upper-roman;
range: calc(2 - sign(100em - 1px)) calc(5 + sign(100em - 1px));
pad: calc(3 + sign(100em - 1px)) '*';
}
@counter-style b {
system: fixed calc(1 + sign(100em - 1px));
symbols: g h;
}
@counter-style c {
system: additive;
additive-symbols: calc(2 + sign(100em - 1px)) c, 2 b, 1 a;
}
</style>
</head>
<body>
<ol style="list-style-type: a;"><li><li><li><li><li><li><li><li><li><li></ol>
<ol style="list-style-type: b;"><li><li><li><li><li><li><li><li><li><li></ol>
<ol style="list-style-type: c;"><li><li><li><li><li><li><li><li><li><li></ol>
</body>