CODEWITHSUNDEEP
cssmedia-queries
Muhamad Yulianto
Muhamad Yulianto

Reputation: 1663

CSS Media Print @page different properties for each page

I create 3 page using css html, and for first and second page i set margin 4cm, but for third page i want set it to 0cm. This is my css code

@media print {
@page
{
    size:8.5in 13in;
    margin:4.5cm 1mm 1mm 1mm; /* this just for page one and two */
    mso-page-orientation: landscape;
}
@page :third {
  margin: 0cm; /* for page 3 but not work*/
}
}

How to make different page margin for each page? thanks

Upvotes: 0

Views: 1568

Answers (1)

Bhojendra Rauniyar
Bhojendra Rauniyar

Reputation: 85653

There's no pseudo class like :third, you should use :nth() page pseudo-class for nth-pages:

@page :nth(3) {
  margin: 0cm;
}

Upvotes: 1

Related Questions