Setting paper size to A5 using css not working in google chrome page print

Question

I want to print the webpage in A5 using chrome's default print page dialog box. I managed to write some css but paper size still remains A4 in chrome's print dialog box and large margin appears on the page.

I have tried setting css rules like setting margin of page to 0 but didn't work.

@page{margin: 0; size: A5 portrait;}

The paper size in chrome's print dialog box should be selected to A5 and there should not be any margin in the page

score 1 · Answer 1 · answered Jul 18 '19 at 06:35

1

Could use the paper css library as stated in : stackoverflow force a5 paper size in chrome print settings css also some valuable read that might help w3.org or stackoverflow disabling browser print options

answered Jul 18 '19 at 06:35

Carel Kruger

41
1
5

That only works for viewing in browser. But when going to print dialog box using ctrl+p shows the same problem as i stated. Paper size is still set to A4. – Sushil Thapa Jul 18 '19 at 07:13
Was anyone able to resolve this? I'm facing a similar issue. – Goutam B Seervi Oct 19 '20 at 03:11

score 0 · Answer 2 · answered Jul 18 '19 at 06:17

0

The size CSS property is still experimental and does not have much support yet, and so should not be relied on.

You can find more information here: https://developer.mozilla.org/en-US/docs/Web/CSS/@page/size

answered Jul 18 '19 at 06:17

Rob Kwasowski

2,690
3
13
32

Is there any javascript/jquery plugin that i can use instead to achieve a5 paper size? – Sushil Thapa Jul 18 '19 at 06:25

Setting paper size to A5 using css not working in google chrome page print

2 Answers2