cssCopy to Clipboard
@page {
margin: 1cm;
@page :first {
margin: 2cm;
La règle @ @page peut être manipulée via le CSSOM, notamment avec l'interface CSSPageRule.
Note : Le W3C est en train de discuter de la gestion des unités de longueur (<length>) relative à la
zone d'affichage (viewport) : vh, vw, vmin et vmax. En attendant, il est conseillé de ne pas les utiliser
au sein d'une règle @page.
Syntaxe
Descripteurs
size
Définit la taille et l'orientation du bloc englobant la boîte de la page. En général, lorsqu'une boîte
correspondant à une page est rendu sur une feuille, cela indique la taille de la page utilisée.
marks
Ajoute des marques pour la découpe ou l'alignement des pages du document.
bleed
Définit la limite au-delà de la boîte de la page au-delà de laquelle le contenu affiché est rogné.
Syntaxe formelle
@page =
@page <page-selector-list>? { <declaration-rule-list> }
<page-selector-list> =
<page-selector>#
<page-selector> =
[ <ident-token>? <pseudo-page>* ]!
<pseudo-page> =
':' [ left | right | first | blank ]
Exemples
cssCopy to Clipboard
@page :first {
margin: 2cm 3cm;
Pour d'autres exemples, voir les pages qui concernent les pseudo-classes liées à @page :
• :blank
• :first
• :left
• :right
• :recto Expérimental
• :verso Expérimental
Spécifications
Specification
CSS Paged Media Module Level 3
# at-page-rule
CSS Logical Properties and Values Level 1
# page
Compatibilité des navigateurs
Report problems with this compatibility data on GitHub
desktop mobile
Firefox
Chrome for Opera Safari Samsung WebView
Chrome Edge Firefox Opera Safari Android Android Android on iOS Internet Android
2 12 19 6 18.2 18 19 14 18.2 1.0 37
Toggle Toggle Toggle Toggle footnote Toggle Toggle Toggle footnote Toggle Toggle
@page
history history history history history history history history history
Toggle Toggle
history history
@bottom- 131 131 No 116 No 131 No 87 No No 131
center page-margin
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
box
history history history history history history history history history history history
Experimental
@bottom-left page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
desktop mobile
Firefox
Chrome for Opera Safari Samsung WebView
Chrome Edge Firefox Opera Safari Android Android Android on iOS Internet Android
@bottom-left- 131 131 No 116 No 131 No 87 No No 131
corner page-margin
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
box
history history history history history history history history history history history
Experimental
@bottom-right page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
@bottom-right- 131 131 No 116 No 131 No 87 No No 131
corner page-margin
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
box
history history history history history history history history history history history
Experimental
@left-bottom page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
@left-middle page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
@left-top page-margin 131 131 No 116 No 131 No 87 No No 131
box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
85 85 122 71 No 85 122 60 No 14.0 85
page-
orientation descriptor Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
history history history history history history history history history history history
@right-bottom page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
@right-middle page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
desktop mobile
Firefox
Chrome for Opera Safari Samsung WebView
Chrome Edge Firefox Opera Safari Android Android Android on iOS Internet Android
@right-top page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
15 79 95 15 18.2 18 95 14 18.2 1.5 37
size descriptor Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
history history history history history history history history history history history
83 83 95 69 18.2 83 95 59 18.2 13.0 83
jis-b4 page size Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
history history history history history history history history history history history
83 83 95 69 18.2 83 95 59 18.2 13.0 83
jis-b5 page size Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
history history history history history history history history history history history
@top-center page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
@top-left page-margin 131 131 No 116 No 131 No 87 No No 131
box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
@top-left- 131 131 No 116 No 131 No 87 No No 131
corner page-margin
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
box
history history history history history history history history history history history
Experimental
@top-right page- 131 131 No 116 No 131 No 87 No No 131
margin box
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
Experimental history history history history history history history history history history history
@top-right- 131 131 No 116 No 131 No 87 No No 131
corner page-margin
Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle Toggle
box
history history history history history history history history history history history
Experimental
