0% found this document useful (0 votes)
6 views4 pages

Css Sidt

The document discusses the CSS @page rule, which is used to control the layout of printed pages, including margin settings and size definitions. It highlights the syntax, descriptors, and compatibility across different browsers. Additionally, it notes ongoing discussions by the W3C regarding the use of viewport-relative length units within @page rules.

Uploaded by

sasisidt
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
6 views4 pages

Css Sidt

The document discusses the CSS @page rule, which is used to control the layout of printed pages, including margin settings and size definitions. It highlights the syntax, descriptors, and compatibility across different browsers. Additionally, it notes ongoing discussions by the W3C regarding the use of viewport-relative length units within @page rules.

Uploaded by

sasisidt
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

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

You might also like