<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);
}
</style>
<script src="../../../resources/js-test-pre.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);`);
</script>
<script src="../../../resources/js-test-post.js"></script>
</body>
</html>