1117798 - [css3-page] implement CSS3 page-based counters in @page rules

Status: NEW

(Core :: CSS Parsing and Computation, defect)

Description

[Benoit]

It would be nice to be able to use CSS counters in @page rules as described in the CSS3 page module. That way we could get proper page numbers in printed HTML pages and never have to resort to PDFs or other documents formats.

I understand from a comment on StackOverflow that margin boxes may need to be supported first, so I'm adding bug #856371 as a dependency.
http://stackoverflow.com/questions/15797161/browser-support-for-css-page-numbers

I also found an interesting series of tests here, with implementations details as used in WebToPDF:
http://blog.tallcomponents.com/2011/03/css3-page-counter.html

Comment 2

[Marc-Aurèle DARCHE]

Currently there isn't any browser supporting CSS3 page-based counters.

Here is the corresponding ticket for Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=740496

But various print-focused tools do support CSS3 page-based counters: (https://www.print-css.rocks/tools.html lists some).

Good articles on the subject:

* https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/
* https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/