<!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>