Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

:first

La pseudo-classe :first, liée à la règle @ @page décrit la mise en forme de la première page lors de l'impression d'un document.

Seul un sous-ensemble restreint de propriétés peut être modifié via cette pseudo-classe :

  • Les propriétés liées aux marges (margin
  • Les propriétés liées aux lignes veuves et orphelines : orphans et widows
  • Les propriétés liées aux sauts de page : page-break

Syntaxe

:first { style properties }

Exemples

CSS

@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

p {
  page-break-after: always;
}

HTML

<p>Première page.</p>
<p>Deuxième page.</p>
<button>Imprimer</button>

JavaScript

document.querySelector("button").onclick = function(){ window.print(); };

Note : Seules des longueurs absolues peuvent être utilisées pour les marges. Voir la page sur le type <length> pour plus d'informations.

Spécifications

Spécification État Commentaires
CSS Paged Media Module Level 3
La définition de ':first' dans cette spécification.
Version de travail Aucune modification.
CSS Level 2 (Revision 1)
La définition de ':first' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple ? Pas de support 8.0 9.2 ?
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple ? Pas de support ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, tregagnon, FredB
 Dernière mise à jour par : SphinxKnight,