MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-survey

@page @規則 で使われる CSS:right 疑似クラスは、印刷文書の右側のページすべてを表します。

/* 印刷時に右側のページを選択 */
@page :right {
  margin: 2in 3in;
}

そのページが左側か右側かは、文書の主要な書字方向によって決まります。例えば、最初のページの主な書字方向が右から右であれば :right ページになります。書字方向が右から右であれば :left ページになります。

メモ: この疑似クラスを使用してすべての CSS プロパティを変更できるわけではありません。変更できるのはページボックスの margin, padding, border, and background のみです。他のすべてのプロパティは無視され、ページ内の文書コンテンツではなく、ページボックスにのみ影響します。

構文

:right

@page :right {
  margin: 2in 3in;
} 

仕様書

仕様書 策定状況 コメント
CSS Paged Media Module Level 3
:right の定義
草案 変更なし。
CSS Level 2 (Revision 1)
:right の定義
勧告 初回定義。

ブラウザー実装状況

 

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート ? 有り 無し89.2 ?
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本サポート ? ? 有り 無し ? ? ?

 

関連項目

ドキュメントのタグと貢献者

 このページの貢献者: mfuji09, ethertank, sosleepy
 最終更新者: mfuji09,