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 の定義 |
勧告 | 初回定義。 |
ブラウザーの対応
このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
Left-hand page pseudo-class (:left) | Chrome 完全対応 6 | Edge 完全対応 12 | Firefox 未対応 なし | IE 完全対応 8 | Opera 完全対応 9.2 | Safari 完全対応 5.1 | WebView Android 完全対応 ≤37 | Chrome Android 完全対応 18 | Firefox Android 未対応 なし | Opera Android 完全対応 10.1 | Safari iOS 完全対応 6 | Samsung Internet Android 完全対応 1.0 |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応