Настройка заголовков страниц с контентом с использованием @page content css

Question

Я пытаюсь включить текст заголовка во все страницы документа при печати, а также по факсу с использованием правила CSS @page. Но это почему-то не работает для меня, когда я вижу предварительный просмотр в Chrome. Я проверяю это в jsfiddle. Вот моя ссылка для кода, над которым я работал над Code Link

Я знаю, что с помощью печатного контента @media можно добавить. Но я хочу сделать это используя @page css.
Если вы добавите

.subpage: after {
     content: "name";
 }

Содержание добавлено. Но если вы делаете то же самое, что и

@page {
     @top-right {
          content: "name";
     }
}

Это не работает. Есть ли способ сделать эту работу?

Answer 1

Это именно так, как это работает, и ваш пример верен. Однако современные браузеры пока не поддерживают @page. Вы должны использовать такие программы, как Prince XML, PDF Reactor от Antenna House Formatter.

Вы можете скачать ознакомительную версию PrinceXML

Answer 2

Pwavg это правильно. Ни один из используемых в данный момент средств поддержки @top-right Правило, которое является причиной, почему оно не работает для вас. Вы можете увидеть это здесь, в Википедии (поиск @top-right).

Я знаю, что Википедия - не самый надежный / обновленный источник, но все же лучше, чем ничего, я думаю. И, по крайней мере, на этой конкретной странице это выглядит относительно активно обновляется.

Насколько я помню, единственным движком рендеринга, который когда-либо поддерживал его (кроме Prince), был старый рендерер Opera Presto, но он больше не разрабатывался.