Page setup printing web pages

On the Print Setup tab, click Setup. You can set the margins and make other adjustments. Need more help? Expand your skills. Get new features first. Was this information helpful? Yes No. Thank you! Any more feedback? The more you tell us the more we can help. Can you help us improve? Resolved my issue. Clear instructions. Easy to follow. So the web pages on this site all display sans serif body text on screen, but print serif body text. Table of Contents. Printing Web Pages on this Website.

Table of Contents: Click any of the following links to go to that bookmark or heading. Go to top of page. In Safari for Macintosh , the option to switch on printing of background colours and images is on the Print dialog. Unfortunately, Safari for Windows currently does not appear to support the printing of background colours and images at all. This table, with its orange background colour, will not print correctly.

Page Margins For best results and to avoid wasting paper unnecessarily , it is a good idea to set up your page margins for printing web pages on this site as follows: left and right margins: 0 top margin: 1cm or 10mm bottom margin: 0. All Web Pages on this Site are Printer-friendly up to a Point All of the web pages on this site are printer-friendly in the normal meaning of the phrase, as discussed in the sections that follow.

To be more precise: 1. For more complex situations, consider using a class such as print on elements which should only be visible when printed,. The CSS3 properties break-before and break-after allow you control how page, column, or region breaks behave before and after an element. Support is excellent , but older browsers may use the similar page-break-before and page-break-after properties.

Note: be wary of over-using page breaks. Ideally, printer output should use as few pages as possible. The break-inside and older page-break-inside property specifies whether a page break is permitted inside an element. The commonly supported values:.

This can be preferable to specifying page breaks, since you can use as little paper as possible while avoiding page breaks within grouped data such as tables or images:. The widows property specifies the minimum number of lines in a block that must be shown at the top of a page.

Imagine a block with five lines of text. The browser wants to make a page break after line four so the last line appears at the top of the next page. Setting widows: 3; breaks on or before line two so at least three lines carry over to the next page.

The orphans property is similar to widows except it controls the minimum number of lines to show at the bottom of a page.

The box-decoration-break property controls element borders across pages. When an element with a border has an inner page break:. Finally, CSS Paged Media page has limited browser support but provides a way to target specific pages so alternative margins or breaks can be defined:.

The CSS page break properties can be placed within your screen or print styles because they only affect printing, but I recommend using them in print CSS for clarity.