Does Chrome not support css @page?

Question

I have css to print as simple as this:

@page { @top-left { content: "TOP SECRET"; color: red } @bottom-center { content: counter(page); font-style: italic } } 

However, previewing and saving in PDF format for printing in PDF format does not seem to be recognized at all. How to properly set the header and footer when receiving?

EDIT: @page supported by none ref

However, I have a different choice. I do not work on sites. The product wants to receive only a pdf file. I can accept chrome , webkit , plantomjs etc.

Answer 1

Next to how I can determine, the CSS functions for uploaded materials are primarily for systems that do print, not systems that display a screen (browsers) or the print function of browsers. An example of an HTML / CSS printing mechanism is Prince. This way, @page will not work in the browser, and also (as far as I know) it was intended.