:left
Quick Summary for :left
The
:left
CSS pseudo-class, used with the @page
at-rule, represents all left-hand pages of a printed document.
Code Usage for :left
/* Selects any left-hand pages when printing */ @page :left { margin: 2in 3in; }
More Details for :left
:left
The :left
CSS pseudo-class, used with the @page
at-rule, represents all left-hand pages of a printed document.
/* Selects any left-hand pages when printing */ @page :left { margin: 2in 3in; }
Whether a given page is "left" or "right" is determined by the major writing direction of the document. For example, if the first page has a major writing direction of left-to-right then it will be a :right
page; if it has a major writing direction of right-to-left then it will be a :left
page.
Note: This pseudo-class can be used to change only the margin
, padding
, border
, and background
properties of the page box. All other properties will be ignored, and only the page box, not the document content on the page, will be affected.
Syntax
:left
Examples
Setting a margin for left-hand pages
@page :left { margin: 2in 3in; }
Specifications
Specification |
---|
Proposals for the future of CSS Paged Media # left-right-first |
See also
@page
Other page-related pseudo-classes: :first
, :right
Last modified: Aug 12, 2021, by MDN contributors
Select your preferred language English (US)EspañolFrançais日本語Русский中文 (简体) Change language Posted in
12:22 am, February 22, 2022
Add Comment
Other Items in CSS
rgb()
rgba()
:right
right
@right-bottom
:root
rotate
rotate()
rotate3d()
rotateX()
rotateY()
rotateZ()
row-gap
ruby-align
ruby-position
saturate()
scale
scale()
scale3d()
scaleX()
scaleY()
scaleZ()
:scope
scroll-behavior
scroll-margin
scroll-margin-block
scroll-margin-block-end
scroll-margin-block-start
scroll-margin-bottom
scroll-margin-inline
scroll-margin-inline-end
scroll-margin-inline-start
scroll-margin-left
scroll-margin-right
scroll-margin-top
scroll-padding
scroll-padding-block
scroll-padding-block-end
scroll-padding-block-start
scroll-padding-bottom
scroll-padding-inline
scroll-padding-inline-end
scroll-padding-inline-start
scroll-padding-left
scroll-padding-right
scroll-padding-top
scroll-snap-align
scroll-snap-stop
scroll-snap-type
@scroll-timeline