CSS :left pseudo-class

Definition and usage

CSS :left Pseudo-classes are used to select and set the styles for all left pages in the printed document.

Tip::left Pseudo-classes and @page Used together with the rules.

Note:The following properties can be used together with :left Used together:

  • Margin properties
  • Padding properties
  • Border properties
  • Background properties

Example

Select all left pages for printing:

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

Try it yourself

CSS syntax

@page :left {
  css declarations;
}

Technical details

Version: CSS3

Browser support

The numbers in the table specify the first browser version that fully supports this pseudo-class.

Chrome Edge Firefox Safari Opera
6 12 Not supported 5 9.2

Related pages

Référence :CSS :first pseudo-class

Référence :Pseudo-classe :right CSS