<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Defining Custom Counter Styles: the @counter-style rule - CSS Counter Styles Level 3 CR Test Suite</title> <style type="text/css"> @import "http://www.w3.org/StyleSheets/TR/base.css"; @import "../indices.css"; </style> </head> <body> <h1>CSS Counter Styles Level 3 CR Test Suite</h1> <h2>Defining Custom Counter Styles: the @counter-style rule (1 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> <col id="flags-column"> <col id="info-column"> <thead> <tr> <th>Test</th> <th><abbr title="Rendering References">Refs</abbr></th> <th>Flags</th> <th>Info</th> </tr> </thead> <tbody id="s3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#the-counter-style-rule">3 Defining Custom Counter Styles: the @counter-style rule</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.#at-ruledef-counter-style"> <!-- 0 tests --> </tbody> <tbody id="s3.#typedef-counter-style-name"> <!-- 0 tests --> </tbody> <tbody id="s3.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-system">3.1 Counter algorithms: the system descriptor</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.#descdef-counter-style-system"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.1">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#cyclic-system">3.1.1 Cycling Symbols: the cyclic system</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#triangle"> <!-- 0 tests --> </tbody> <tbody id="s3.1.1.#valdef-counter-style-system-cyclic"> <!-- 0 tests --> </tbody> <tbody id="s3.1.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.2">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#fixed-system">3.1.2 Exhaustible Symbols: the fixed system</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.2.#box_corner"> <!-- 0 tests --> </tbody> <tbody id="s3.1.2.#first-symbol-value"> <!-- 0 tests --> </tbody> <tbody id="s3.1.2.#valdef-counter-style-system-fixed"> <!-- 0 tests --> </tbody> <tbody id="s3.1.3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.3">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#symbolic-system">3.1.3 Repeating Symbols: the symbolic system</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.3.#footnote"> <!-- 0 tests --> </tbody> <tbody id="s3.1.3.#upper_alpha_legal"> <!-- 0 tests --> </tbody> <tbody id="s3.1.3.#valdef-system-symbolic"> <!-- 0 tests --> </tbody> <tbody id="s3.1.4"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.4">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#alphabetic-system">3.1.4 Bijective Numerals: the alphabetic system</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.4.#go"> <!-- 0 tests --> </tbody> <tbody id="s3.1.4.#valdef-counter-style-system-alphabetic"> <!-- 0 tests --> </tbody> <tbody id="s3.1.5"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.5">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#numeric-system">3.1.5 Positional Numerals: the numeric system</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.5.#trinary"> <!-- 0 tests --> </tbody> <tbody id="s3.1.5.#valdef-counter-style-system-numeric"> <!-- 0 tests --> </tbody> <tbody id="s3.1.6"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.6">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#additive-system">3.1.6 Accumulating Numerals: the additive system</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.6.#current-tuple"> <!-- 0 tests --> </tbody> <tbody id="s3.1.6.#dice"> <!-- 0 tests --> </tbody> <tbody id="s3.1.6.#valdef-counter-style-system-additive"> <!-- 0 tests --> </tbody> <tbody id="s3.1.7"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1.7">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#extends-system">3.1.7 Building from Existing Counter Styles: the extends system</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.1.7.#override-system"> <!-- 0 tests --> </tbody> <tbody id="s3.1.7.#valdef-counter-style-system-extends"> <!-- 0 tests --> </tbody> <tbody id="s3.2"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.2">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-negative">3.2 Formatting negative values: the negative descriptor</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.2.#descdef-counter-style-negative"> <!-- 0 tests --> </tbody> <tbody id="s3.2.#use-a-negative-sign"> <!-- 0 tests --> </tbody> <tbody id="s3.3"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.3">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-prefix">3.3 Symbols before the marker: the prefix descriptor</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.3.#descdef-counter-style-prefix"> <!-- 0 tests --> </tbody> <tbody id="s3.4"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.4">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-suffix">3.4 Symbols after the marker: the suffix descriptor</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.4.#descdef-counter-style-suffix"> <!-- 0 tests --> </tbody> <tbody id="s3.5"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.5">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-range">3.5 Limiting the counter scope: the range descriptor</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.5.#descdef-counter-style-range"> <!-- 1 tests --> <tr id="css3-counter-styles-020b-3.5.#descdef-counter-style-range" class="primary font"> <td><strong> <a href="css3-counter-styles-020b.htm">css3-counter-styles-020b</a></strong></td> <td></td> <td><abbr class="font" title="Requires a special font">Font</abbr></td> <td>lower-roman, straddling range, 3000-4001 <ul class="assert"> <li>If a counter style is used to represent a counter value outside of its ranges, the counter style instead drops down to its fallback counter style.</li> </ul> </td> </tr> </tbody> <tbody id="s3.5.#valdef-counter-style-range-auto"> <!-- 0 tests --> </tbody> <tbody id="s3.6"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.6">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-pad">3.6 Zero-Padding and Constant-Width Representations: the pad descriptor</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.6.#descdef-counter-style-pad"> <!-- 0 tests --> </tbody> <tbody id="s3.7"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.7">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-fallback">3.7 Defining fallback: the fallback descriptor</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.7.#descdef-counter-style-fallback"> <!-- 0 tests --> </tbody> <tbody id="s3.8"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.8">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-symbols">3.8 Marker characters: the symbols and additive-symbols descriptors</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.8.#additive-tuple"> <!-- 0 tests --> </tbody> <tbody id="s3.8.#counter-symbol"> <!-- 0 tests --> </tbody> <tbody id="s3.8.#descdef-counter-style-additive-symbols"> <!-- 0 tests --> </tbody> <tbody id="s3.8.#descdef-counter-style-symbols"> <!-- 0 tests --> </tbody> <tbody id="s3.8.#typedef-symbol"> <!-- 0 tests --> </tbody> <tbody id="s3.9"> <tr><th colspan="4" scope="rowgroup"> <a href="#s3.9">+</a> <a href="http://www.w3.org/TR/css-counter-styles-3/#counter-style-speak-as">3.9 Speech Synthesis: the speak-as descriptor</a></th></tr> <!-- 0 tests --> </tbody> <tbody id="s3.9.#circled_lower_latin"> <!-- 0 tests --> </tbody> <tbody id="s3.9.#descdef-counter-style-speak-as"> <!-- 0 tests --> </tbody> <tbody id="s3.9.#valdef-counter-style-speak-as-auto"> <!-- 0 tests --> </tbody> <tbody id="s3.9.#valdef-counter-style-speak-as-bullets"> <!-- 0 tests --> </tbody> <tbody id="s3.9.#valdef-counter-style-speak-as-counter-style-name"> <!-- 0 tests --> </tbody> <tbody id="s3.9.#valdef-counter-style-speak-as-numbers"> <!-- 0 tests --> </tbody> <tbody id="s3.9.#valdef-counter-style-speak-as-spell-out"> <!-- 0 tests --> </tbody> <tbody id="s3.9.#valdef-counter-style-speak-as-words"> <!-- 0 tests --> </tbody> </table> </body> </html>