Page numbers with CSS/HTML

by

Depending on your required browser support. 

@page {
  @bottom-right {
    content: counter(page) " of " counter(pages);
  }
}

Further reading:

More Related Contents:

  1. Landscape printing from HTML
  2. How to deal with page breaks when printing a large HTML table
  3. How to make a HTML Page in A4 paper size page(s)?
  4. How to apply CSS page-break to print a table with lots of rows?
  5. Margin while printing html page
  6. Is there a way to get a web page header/footer printed on every page?
  7. How to get a background image to print using css?
  8. Printing HTML table with many columns/rows using CSS layout?
  9. @Media print css
  10. Browser is not displaying images
  11. How can I select an element with multiple classes in jQuery?
  12. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  13. Why doesn’t percentage padding / margin work on flex items in Firefox and Edge?
  14. How to modify the fill color of an SVG image when being served as background image?
  15. Make flex items take content width, not width of parent container
  16. Is element block level or inline level?
  17. Style input type file? [duplicate]
  18. Maintain the aspect ratio of a div with CSS
  19. How do I give text or an image a transparent background using CSS?
  20. Using :before and :after CSS selector to insert HTML [duplicate]
  21. Prevent “overscrolling” of web page
  22. Hide html horizontal but not vertical scrollbar
  23. Different CSS for each browser?
  24. Why is there vertical scroll on the main container?
  25. CSS: image link, change on hover
  26. How to make a stable two column layout in HTML/CSS
  27. Why is translateY(-50%) needed to center an element which is at top: 50%?
  28. Transparent scrollbar with css
  29. Make A List Item Clickable (HTML/CSS)
  30. Is it possible to hide the title from a link with CSS?

Leave a Comment