<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="resources/w3-css3-list-styles-alphabetic.css" type="text/css" charset="utf-8" />
<style>
.test ol { float: left; padding-right: 20px; }
.test h2 { clear: left; }
</style>
<script src="resources/dump-list.js"></script>
<script>
function runTest()
{
if (!window.testRunner)
return;
testRunner.dumpAsText();
filterListsWithReplacement(document.querySelectorAll(".test ol"), testListItemMarkerEqualsListItemText);
document.body.removeChild(document.getElementById("description")); // Remove description when running in DRT.
}
window.onload = runTest;
</script>
</head>
<body>
<h1>CSS3 Alphabetic list-style-types</h1>
<div id="description">
<p>This tests that all of the alphabetic CSS3 list-style-types are supported as per <a href="http://www.w3.org/TR/css-counter-styles-3/#simple-alphabetic">section 6.2 of the spec. CSS3 Counter Styles Level 3 module</a> (CR 3 February 2015). This test PASSED if the list item matches its bullet for every list item (below). For example, for the lower-greek alphabet the third <li> (which corresponds to gamma in the lexicographic ordering of the lower greek alphabet) should be rendered as: γ. γ.</p>
<p>Note, some list-style-types may use a suffix other than a dot ('.').</p>
</div>
<div class="test">
<h2>cjk-earthly-branch</h2>
<ol class="cjk-earthly-branch">
<li>子</li>
<li>丑</li>
<li>寅</li>
<li>卯</li>
<li>辰</li>
<li>巳</li>
<li>午</li>
<li>未</li>
<li>申</li>
<li>酉</li>
<li>戌</li>
<li>亥</li>
</ol>
</div>
<div class="test">
<h2>cjk-heavenly-stem</h2>
<ol class="cjk-heavenly-stem">
<li>甲</li>
<li>乙</li>
<li>丙</li>
<li>丁</li>
<li>戊</li>
<li>己</li>
<li>庚</li>
<li>辛</li>
<li>壬</li>
<li>癸</li>
</ol>
</div>
<div class="test">
<h2>ethiopic-halehame</h2>
<ol class="ethiopic-halehame">
<li>ሀ</li>
<li>ለ</li>
<li>ሐ</li>
<li>መ</li>
<li>ሠ</li>
<li>ረ</li>
<li>ሰ</li>
<li>ቀ</li>
<li>በ</li>
<li>ተ</li>
<li>ኀ</li>
<li>ነ</li>
<li>አ</li>
</ol>
<ol class="ethiopic-halehame" start="14">
<li>ከ</li>
<li>ወ</li>
<li>ዐ</li>
<li>ዘ</li>
<li>የ</li>
<li>ደ</li>
<li>ገ</li>
<li>ጠ</li>
<li>ጰ</li>
<li>ጸ</li>
<li>ፀ</li>
<li>ፈ</li>
<li>ፐ</li>
</ol>
</div>
<div class="test">
<h2>hangul-consonant</h2>
<ol class="hangul-consonant">
<li>ㄱ</li>
<li>ㄴ</li>
<li>ㄷ</li>
<li>ㄹ</li>
<li>ㅁ</li>
<li>ㅂ</li>
<li>ㅅ</li>
</ol>
<ol class="hangul-consonant" start="8">
<li>ㅇ</li>
<li>ㅈ</li>
<li>ㅊ</li>
<li>ㅋ</li>
<li>ㅌ</li>
<li>ㅍ</li>
<li>ㅎ</li>
</ol>
</div>
<div class="test">
<h2>hangul</h2>
<ol class="hangul">
<li>가</li>
<li>나</li>
<li>다</li>
<li>라</li>
<li>마</li>
<li>바</li>
<li>사</li>
</ol>
<ol class="hangul" start="8">
<li>아</li>
<li>자</li>
<li>차</li>
<li>카</li>
<li>타</li>
<li>파</li>
<li>하</li>
</ol>
</div>
<div class="test">
<h2>hiragana-iroha</h2>
<ol class="hiragana-iroha">
<li>い</li>
<li>ろ</li>
<li>は</li>
<li>に</li>
<li>ほ</li>
<li>へ</li>
<li>と</li>
<li>ち</li>
<li>り</li>
<li>ぬ</li>
</ol>
<ol class="hiragana-iroha" start="11">
<li>る</li>
<li>を</li>
<li>わ</li>
<li>か</li>
<li>よ</li>
<li>た</li>
<li>れ</li>
<li>そ</li>
<li>つ</li>
<li>ね</li>
</ol>
<ol class="hiragana-iroha" start="21">
<li>な</li>
<li>ら</li>
<li>む</li>
<li>う</li>
<li>ゐ</li>
<li>の</li>
<li>お</li>
<li>く</li>
<li>や</li>
<li>ま</li>
</ol>
<ol class="hiragana-iroha" start="31">
<li>け</li>
<li>ふ</li>
<li>こ</li>
<li>え</li>
<li>て</li>
<li>あ</li>
<li>さ</li>
<li>き</li>
<li>ゆ</li>
<li>め</li>
</ol>
<ol class="hiragana-iroha" start="41">
<li>み</li>
<li>し</li>
<li>ゑ</li>
<li>ひ</li>
<li>も</li>
<li>せ</li>
<li>す</li>
</ol>
</div>
<div class="test">
<h2>hiragana</h2>
<ol class="hiragana">
<li>あ</li>
<li>い</li>
<li>う</li>
<li>え</li>
<li>お</li>
<li>か</li>
<li>き</li>
<li>く</li>
<li>け</li>
<li>こ</li>
<li>さ</li>
<li>し</li>
</ol>
<ol class="hiragana" start="13">
<li>す</li>
<li>せ</li>
<li>そ</li>
<li>た</li>
<li>ち</li>
<li>つ</li>
<li>て</li>
<li>と</li>
<li>な</li>
<li>に</li>
<li>ぬ</li>
<li>ね</li>
</ol>
<ol class="hiragana" start="25">
<li>の</li>
<li>は</li>
<li>ひ</li>
<li>ふ</li>
<li>へ</li>
<li>ほ</li>
<li>ま</li>
<li>み</li>
<li>む</li>
<li>め</li>
<li>も</li>
<li>や</li>
</ol>
<ol class="hiragana" start="37">
<li>ゆ</li>
<li>よ</li>
<li>ら</li>
<li>り</li>
<li>る</li>
<li>れ</li>
<li>ろ</li>
<li>わ</li>
<li>ゐ</li>
<li>ゑ</li>
<li>を</li>
<li>ん</li>
</ol>
</div>
<div class="test">
<h2>katakana-iroha</h2>
<ol class="katakana-iroha">
<li>イ</li>
<li>ロ</li>
<li>ハ</li>
<li>ニ</li>
<li>ホ</li>
<li>ヘ</li>
<li>ト</li>
<li>チ</li>
<li>リ</li>
<li>ヌ</li>
</ol>
<ol class="katakana-iroha" start="11">
<li>ル</li>
<li>ヲ</li>
<li>ワ</li>
<li>カ</li>
<li>ヨ</li>
<li>タ</li>
<li>レ</li>
<li>ソ</li>
<li>ツ</li>
<li>ネ</li>
</ol>
<ol class="katakana-iroha" start="21">
<li>ナ</li>
<li>ラ</li>
<li>ム</li>
<li>ウ</li>
<li>ヰ</li>
<li>ノ</li>
<li>オ</li>
<li>ク</li>
<li>ヤ</li>
<li>マ</li>
</ol>
<ol class="katakana-iroha" start="31">
<li>ケ</li>
<li>フ</li>
<li>コ</li>
<li>エ</li>
<li>テ</li>
<li>ア</li>
<li>サ</li>
<li>キ</li>
<li>ユ</li>
<li>メ</li>
</ol>
<ol class="katakana-iroha" start="41">
<li>ミ</li>
<li>シ</li>
<li>ヱ</li>
<li>ヒ</li>
<li>モ</li>
<li>セ</li>
<li>ス</li>
</ol>
</div>
<div class="test">
<h2>katakana</h2>
<ol class="katakana">
<li>ア</li>
<li>イ</li>
<li>ウ</li>
<li>エ</li>
<li>オ</li>
<li>カ</li>
<li>キ</li>
<li>ク</li>
<li>ケ</li>
<li>コ</li>
<li>サ</li>
<li>シ</li>
</ol>
<ol class="katakana" start="13">
<li>ス</li>
<li>セ</li>
<li>ソ</li>
<li>タ</li>
<li>チ</li>
<li>ツ</li>
<li>テ</li>
<li>ト</li>
<li>ナ</li>
<li>ニ</li>
<li>ヌ</li>
<li>ネ</li>
</ol>
<ol class="katakana" start="25">
<li>ノ</li>
<li>ハ</li>
<li>ヒ</li>
<li>フ</li>
<li>ヘ</li>
<li>ホ</li>
<li>マ</li>
<li>ミ</li>
<li>ム</li>
<li>メ</li>
<li>モ</li>
<li>ヤ</li>
</ol>
<ol class="katakana" start="37">
<li>ユ</li>
<li>ヨ</li>
<li>ラ</li>
<li>リ</li>
<li>ル</li>
<li>レ</li>
<li>ロ</li>
<li>ワ</li>
<li>ヰ</li>
<li>ヱ</li>
<li>ヲ</li>
<li>ン</li>
</ol>
</div>
<div class="test">
<h2>lower-alpha</h2>
<ol class="lower-alpha">
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
<li>h</li>
<li>i</li>
<li>j</li>
<li>k</li>
<li>l</li>
<li>m</li>
</ol>
<ol class="lower-alpha" start="14">
<li>n</li>
<li>o</li>
<li>p</li>
<li>q</li>
<li>r</li>
<li>s</li>
<li>t</li>
<li>u</li>
<li>v</li>
<li>w</li>
<li>x</li>
<li>y</li>
<li>z</li>
</ol>
</div>
<div class="test">
<h2>lower-latin</h2>
<ol class="lower-latin">
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
<li>h</li>
<li>i</li>
<li>j</li>
<li>k</li>
<li>l</li>
<li>m</li>
</ol>
<ol class="lower-latin" start="14">
<li>n</li>
<li>o</li>
<li>p</li>
<li>q</li>
<li>r</li>
<li>s</li>
<li>t</li>
<li>u</li>
<li>v</li>
<li>w</li>
<li>x</li>
<li>y</li>
<li>z</li>
</ol>
</div>
<div class="test">
<h2>lower-greek</h2>
<ol class="lower-greek">
<li>α</li>
<li>β</li>
<li>γ</li>
<li>δ</li>
<li>ε</li>
<li>ζ</li>
<li>η</li>
<li>θ</li>
<li>ι</li>
<li>κ</li>
<li>λ</li>
<li>μ</li>
</ol>
<ol class="lower-greek" start="13">
<li>ν</li>
<li>ξ</li>
<li>ο</li>
<li>π</li>
<li>ρ</li>
<li>σ</li>
<li>τ</li>
<li>υ</li>
<li>φ</li>
<li>χ</li>
<li>ψ</li>
<li>ω</li>
</ol>
</div>
<div class="test">
<h2>ethiopic-halehame-ti-er</h2>
<ol class="ethiopic-halehame-ti-er">
<li>ሀ</li>
<li>ለ</li>
<li>ሐ</li>
<li>መ</li>
<li>ረ</li>
<li>ሰ</li>
<li>ሸ</li>
<li>ቀ</li>
<li>ቐ</li>
<li>በ</li>
</ol>
<ol class="ethiopic-halehame-ti-er" start="11">
<li>ተ</li>
<li>ቸ</li>
<li>ነ</li>
<li>ኘ</li>
<li>አ</li>
<li>ከ</li>
<li>ኸ</li>
<li>ወ</li>
<li>ዐ</li>
<li>ዘ</li>
</ol>
<ol class="ethiopic-halehame-ti-er" start="21">
<li>ዠ</li>
<li>የ</li>
<li>ደ</li>
<li>ጀ</li>
<li>ገ</li>
<li>ጠ</li>
<li>ጨ</li>
<li>ጰ</li>
<li>ጸ</li>
<li>ፈ</li>
</ol>
<ol class="ethiopic-halehame-ti-er" start="31">
<li>ፐ</li>
</ol>
</div>
<div class="test">
<h2>ethiopic-halehame-ti-et</h2>
<ol class="ethiopic-halehame-ti-et">
<li>ሀ</li>
<li>ለ</li>
<li>ሐ</li>
<li>መ</li>
<li>ሠ</li>
<li>ረ</li>
<li>ሰ</li>
<li>ሸ</li>
<li>ቀ</li>
<li>ቐ</li>
<li>በ</li>
<li>ተ</li>
</ol>
<ol class="ethiopic-halehame-ti-et" start="13">
<li>ቸ</li>
<li>ኀ</li>
<li>ነ</li>
<li>ኘ</li>
<li>አ</li>
<li>ከ</li>
<li>ኸ</li>
<li>ወ</li>
<li>ዐ</li>
<li>ዘ</li>
<li>ዠ</li>
<li>የ</li>
</ol>
<ol class="ethiopic-halehame-ti-et" start="25">
<li>ደ</li>
<li>ጀ</li>
<li>ገ</li>
<li>ጠ</li>
<li>ጨ</li>
<li>ጰ</li>
<li>ጸ</li>
<li>ፀ</li>
<li>ፈ</li>
<li>ፐ</li>
</ol>
</div>
<div class="test">
<h2>upper-alpha</h2>
<ol class="upper-alpha">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
<li>G</li>
<li>H</li>
<li>I</li>
<li>J</li>
<li>K</li>
<li>L</li>
<li>M</li>
</ol>
<ol class="upper-alpha" start="14">
<li>N</li>
<li>O</li>
<li>P</li>
<li>Q</li>
<li>R</li>
<li>S</li>
<li>T</li>
<li>U</li>
<li>V</li>
<li>W</li>
<li>X</li>
<li>Y</li>
<li>Z</li>
</ol>
</div>
<div class="test">
<h2>upper-latin</h2>
<ol class="upper-latin">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
<li>G</li>
<li>H</li>
<li>I</li>
<li>J</li>
<li>K</li>
<li>L</li>
<li>M</li>
</ol>
<ol class="upper-latin" start="14">
<li>N</li>
<li>O</li>
<li>P</li>
<li>Q</li>
<li>R</li>
<li>S</li>
<li>T</li>
<li>U</li>
<li>V</li>
<li>W</li>
<li>X</li>
<li>Y</li>
<li>Z</li>
</ol>
</div>
</body>
</html>
Codebase Browser
chromium