How to print page number using css

Question

I want to print page number in each page when printing.

I want to acheive this with turn off browser print preview settings.

Here is my code.

.rptFooter {
    counter-reset: footerNum;
}

.rptFooter:after {
    counter-increment: footerNum;
    content: "Page " counter(footerNum) " of " counter(footerNum) ;
}

i am getting in each page

Page 1 of 1

Try this: [How to number print pages?](http://stackoverflow.com/a/43768942/6557304) — Leon Freire, May 04 '17 at 13:29

score 1 · Answer 1 · edited May 23 '17 at 10:31

1

Try using the default base:

@page {
    counter-increment: page;
    counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}

As seen here:

Browser Support for CSS Page Numbers

edited May 23 '17 at 10:31

Community

1
1

answered Aug 27 '14 at 19:24

Riskbreaker

4,621
1
23
31

start from page 0 as default look at the link that is provided – Riskbreaker Aug 27 '14 at 20:13

How to print page number using css

1 Answers1

Linked