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