| <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> |