counter-cssText.html | Explore in Territory

<html>
<head>
<style>
body {
    counter-reset: section;
}
h1 {
    counter-increment: section;
}
h2:before {
    content: counter(section);
}
h2:after {
    content: counters(section, ":", decimal);
}
h3:before {
    content: counter(section, lower-roman);
}
h3:after {
    content: counters(section, ",", upper-roman);
}
h4:before {
    content: counter(section, none);
}
</style>
<script src="../../../resources/js-test.js"></script>
</head>
<body>
<script>
description("Test the cssText output of counter-valued CSSPrimitiveValues");
var rules = document.styleSheets[0].cssRules;
shouldBeEqualToString("rules[2].style.cssText", "content: counter(section);");
shouldBeEqualToString("rules[3].style.cssText", "content: counters(section, \":\");");
shouldBeEqualToString("rules[4].style.cssText", "content: counter(section, lower-roman);");
shouldBeEqualToString("rules[5].style.cssText", "content: counters(section, \",\", upper-roman);");
shouldBeEqualToString("rules[6].style.cssText", "content: counter(section, none);");
</script>
</body>
</html>

chromium/third_party/blink/web_tests/fast/css/counters/counter-cssText.html