:right | CSS Selectors & Pseudo-classes

A selector used in paged media (like printing) to style only the right-hand pages of a document (usually odd-numbered pages).

Quick example

@page :right {
  /* Adds a larger margin to the right side for binding/punching holes */
  margin-right: 2cm;
  margin-left: 1cm;
}

Limited availability94% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

18+

12+