:left

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

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

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

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

構文

:left

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

仕様書

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

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
Left-hand page pseudo-class (:left)Chrome 完全対応 6Edge 完全対応 12Firefox 未対応 なしIE 完全対応 8Opera 完全対応 9.2Safari 完全対応 5.1WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 未対応 なしOpera Android 完全対応 10.1Safari iOS 完全対応 6Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応
未対応  
未対応

関連情報