<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ol element</title>
    <link rel="author" title="dzenana" href="mailto:dzenana.trenutak@gmail.com">
    <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-ol-element">
    <link rel="match" href="grouping-ol-type-reftest-002-ref.html" />
    <meta name="assert" content="List items are rendered consistently with the state of the type attribute." />
    <style type="text/css">
        span p {display:list-item; margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-top: 0; padding-bottom: 0;}
        span li {margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; font-family: monospace;}
        span ol {margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 5em; padding-top: 0; padding-bottom: 0; font-family: monospace; list-style-position: inside;}
    </style>
</head>
<body>
    <p>This test continues to validate the ol element. This reftest is necessary because the values of the ol's li children as calculated and displayed by the user agent are NOT systematically available programatically. Only explicitly-set values are available programatically. Therefore, we need to check actual rendering against expected rendering.</p>

    <p><strong>This reftest passes if each list's items are labelled identically to the horizontal sequence immediately above those list items:</strong></p>
    <p>(Note: each list item has no content; only the sequencing should appear.)</p>

    <span>

    <p>1, 2, 3 (type attribute of "1" results in decimal type)</p>
    <ol type="1">
        <li></li>
        <li></li>
        <li></li>
    </ol>

    <p>aa, ab, ac (type attribute of "a" results in lower case latin alphabet, start = 27)</p>
    <ol type="a" start="27">
        <li></li>
        <li></li>
        <li></li>
    </ol>

    <p>AA, AB, AC (type attribute of "A" results in upper case latin alphabet, start = 27)</p>
    <ol type="A" start="27">
        <li></li>
        <li></li>
        <li></li>
    </ol>

    <p>i, v, c (type attribute of "i" results in lower case roman alphabet, list values = 1, 5, 100)</p>
    <ol type="i">
        <li value="1"></li>
        <li value="5"></li>
        <li value="100"></li>
    </ol>

    <p>I, V, C (type attribute of "I" results in upper case roman alphabet, list values = 1, 5, 100)</p>
    <ol type="I">
        <li value="1"></li>
        <li value="5"></li>
        <li value="100"></li>
    </ol>

    </span>

</body>
</html>
