Good rules for setting up print css? [closed]

by

Here are some general print styles to use to get better print outs:

/* Print styles */
@media print 
{
    tr, td, th {page-break-inside:avoid}
    thead {display:table-header-group}
    .NoPrint {visibility:hidden; display:none}
    a {color:#000000}
}

The top one prevents page breaks inside of a table row

The thead style makes any rows in the thead tag repeat for each page that the table spans across.

NoPrint is a class I use to show something on the screen, but not in print.

And, I like to turn off link colors.

More Related Contents:

  1. How to use HTML to print header and footer on every printed page of a document?
  2. How do I hide an element when printing a web page?
  3. CSS to set A4 paper size
  4. Remove header and footer from window.print()
  5. Google Chrome Printing Page Breaks
  6. How can I force browsers to print background images in CSS?
  7. Browser Support for CSS Page Numbers
  8. CSS Printing: Avoiding cut-in-half DIVs between pages?
  9. how to avoid extra blank page at end while printing?
  10. How to only show certain parts with CSS for Print?
  11. Suggestions for debugging print stylesheets?
  12. How do I Make Firefox Print a Background-Color Style?
  13. Need to remove href values when printing in Chrome
  14. Print Background colours in Chrome
  15. Safe width in pixels for printing web pages?
  16. Print styles: How to ensure image doesn’t span a page break
  17. How to remove the stripes that appears when using linear gradient property [duplicate]
  18. Browser support for CSS Grid
  19. What does ‘?’ do in a Css link?
  20. css vertical centering
  21. Hover effect : expand bottom border
  22. Align text on slanted line
  23. Why can’t you group descendants in a CSS selector?
  24. html, css – weird invisible margin below pictures
  25. How can I set the width of select box options?
  26. What is the meaning of `auto` value in a CSS property.
  27. Bootstrap Modal sitting behind backdrop
  28. How to add animated gradient to an svg path?
  29. Bootstrap change div order with pull-right, pull-left on 3 columns
  30. CSS Selector for not a child of element type?

Leave a Comment