Définition des en-têtes de page avec contenu utilisant le contenu @page css

Question

J'essaie d'inclure un texte d'en-tête dans toutes les pages du document lors de l'impression et de télécopier à l'aide de la règle CSS @page. Mais ça ne marche pas pour moi quand je vois l'aperçu dans Chrome. Je vérifie cela dans jsfiddle. Voici mon lien pour le code sur lequel j'ai travaillé Code Link

Je sais que l'utilisation du contenu d'impression @media peut être ajoutée. Mais je veux le faire en utilisant @page css.
Si vous ajoutez

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

Le contenu est ajouté. Mais si vous faites la même chose que

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

Cela ne fonctionne pas. Y a-t-il un moyen de faire ce travail?

Answer 1

Voici exactement comment cela fonctionne et votre exemple est correct. Cependant, les navigateurs modernes ne supportent pas encore @page. Vous devez utiliser un logiciel comme Prince XML, PDF Reactor d'Antenna House Formatter.

Vous pouvez télécharger une version d'évaluation de PrinceXML

Answer 2

pwavg est correcte. Aucun des moteurs de rendu actuellement utilisés ne prend en charge la règle @top-right, ce qui explique pourquoi cela ne fonctionne pas pour vous. Vous pouvez le voir here on Wikipedia (recherche de @top-right).

Je sais que Wikipedia n'est pas la source la plus fiable/mise à jour, mais encore mieux que rien, je suppose. Et au moins sur cette page particulière, il semble relativement mis à jour activement. Autant que je me souvienne, le seul moteur de rendu qui l'ait supporté (sauf Prince) était l'ancien moteur de rendu Opera Presto, mais il n'est plus développé.