Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<head>
<title>CSS Test: content: counters(c, ".", armenian)</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<style type="text/css">
body { white-space: nowrap; }
body, #test span:first-child { counter-reset: c; }
p, #test span { counter-increment: c; }
#test span:before { content: counters(c, ".", armenian); }
</style>
</head>
<body>
<p>The following two lines should look the same:</p>
<div id="test">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span style="counter-reset: c 19"></span>
<span style="counter-reset: c 29"></span>
<span style="counter-reset: c 39"></span>
<span style="counter-reset: c 49"></span>
<span style="counter-reset: c 59"></span>
<span style="counter-reset: c 69"></span>
<span style="counter-reset: c 79"></span>
<span style="counter-reset: c 89"></span>
<span style="counter-reset: c 99"></span>
<span style="counter-reset: c 199"></span>
<span style="counter-reset: c 299"></span>
<span style="counter-reset: c 399"></span>
<span style="counter-reset: c 499"></span>
<span style="counter-reset: c 599"></span>
<span style="counter-reset: c 699"></span>
<span style="counter-reset: c 799"></span>
<span style="counter-reset: c 899"></span>
<span style="counter-reset: c 999"></span>
<span style="counter-reset: c 1999"></span>
<span style="counter-reset: c 2999"></span>
<span style="counter-reset: c 3999"></span>
<span style="counter-reset: c 4999"></span>
<span style="counter-reset: c 5999"></span>
<span style="counter-reset: c 6999"></span>
<span style="counter-reset: c 7999"></span>
<span style="counter-reset: c 8999"></span>
<span style="counter-reset: c 9998"></span>
</div>
<div>
&#x531;.&#x531;
&#x531;.&#x532;
&#x531;.&#x533;
&#x531;.&#x534;
&#x531;.&#x535;
&#x531;.&#x536;
&#x531;.&#x537;
&#x531;.&#x538;
&#x531;.&#x539;
&#x531;.&#x53A;
&#x531;.&#x53A;&#x531;
&#x531;.&#x53A;&#x532;
&#x531;.&#x53B;
&#x531;.&#x53C;
&#x531;.&#x53D;
&#x531;.&#x53E;
&#x531;.&#x53F;
&#x531;.&#x540;
&#x531;.&#x541;
&#x531;.&#x542;
&#x531;.&#x543;
&#x531;.&#x544;
&#x531;.&#x545;
&#x531;.&#x546;
&#x531;.&#x547;
&#x531;.&#x548;
&#x531;.&#x549;
&#x531;.&#x54A;
&#x531;.&#x54B;
&#x531;.&#x54C;
&#x531;.&#x54D;
&#x531;.&#x54E;
&#x531;.&#x54F;
&#x531;.&#x550;
&#x531;.&#x551;
&#x531;.&#x552;
&#x531;.&#x553;
&#x531;.&#x554;
&#x531;.&#x554;&#x54B;&#x542;&#x539;
</div>
</body>
</html>