How to disable browser print options (headers, footers, margins) from pages with CSS?

Spread the love

Sometimes, we want to disable browser print options (headers, footers, margins) from pages with CSS.

In this article, we’ll look at how to disable browser print options (headers, footers, margins) from pages with CSS.

How to disable browser print options (headers, footers, margins) from pages with CSS?

To disable browser print options (headers, footers, margins) from pages with CSS, we use the @page rule.

For instance, we write

@page {
  size: auto;
  margin: 0mm;
}

html {
  background-color: #ffffff;
  margin: 0px;
}

body {
  border: solid 1px blue;
  margin: 10mm 15mm 10mm 15mm;
}

to add the @page rule to set the print styles.

We use margin: 0mm; to set margin to 0 for print.

Conclusion

To disable browser print options (headers, footers, margins) from pages with CSS, we use the @page rule.

Leave a Reply

Your email address will not be published.