: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

凡例

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

関連情報

関連トピック
  1. CSS
  2. CSS リファレンス
  3. CSS Selectors
  4. ガイド
    1. セレクターでの :target 疑似クラスの利用
  5. プロパティ
    1. 選択子列挙
  6. 基本セレクター
    1. 要素型セレクター
    2. クラスセレクター
    3. ID セレクター
    4. 全称セレクター
    5. 属性セレクタ
  7. 結合子
    1. 隣接兄弟結合子
    2. 一般兄弟結合子
    3. 子結合子
    4. 子孫結合子
    5. 列結合子
  8. 擬似クラス
    1. :active
    2. :any-link
    3. :checked
    4. :blank
    5. :default
    6. :defined
    7. :dir
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen
    15. :focus
    16. :focus-visible
    17. :focus-within
    18. :has()
    19. :host() [翻訳する]
    20. :host-context()
    21. :hover
    22. :indeterminate
    23. :in-range
    24. :invalid
    25. :is() (:matches(), :any())
    26. :lang
    27. :last-child
    28. :last-of-type
    29. :left
    30. :link
    31. :not()
    32. :nth-child()
    33. :nth-last-child()
    34. :nth-last-of-type()
    35. :nth-of-type()
    36. :only-child
    37. :only-of-type
    38. :optional
    39. :out-of-range
    40. :placeholder-shown
    41. :read-only
    42. :read-write
    43. :required
    44. :right
    45. :root
    46. :scope
    47. :target
    48. :valid
    49. :visited
    50. :where() [翻訳する]
  9. 擬似要素
    1. ::-moz-progress-bar
    2. ::-moz-range-progress [翻訳する]
    3. ::-moz-range-thumb [翻訳する]
    4. ::-moz-range-track [翻訳する]
    5. ::-ms-browse [翻訳する]
    6. ::-ms-check [翻訳する]
    7. ::-ms-clear
    8. ::-ms-expand
    9. ::-ms-fill
    10. ::-ms-fill-lower [翻訳する]
    11. ::-ms-fill-upper [翻訳する]
    12. ::-ms-reveal [翻訳する]
    13. ::-ms-thumb [翻訳する]
    14. ::-ms-ticks-after [翻訳する]
    15. ::-ms-ticks-before [翻訳する]
    16. ::-ms-tooltip [翻訳する]
    17. ::-ms-track [翻訳する]
    18. ::-ms-value
    19. ::-webkit-progress-bar [翻訳する]
    20. ::-webkit-progress-value [翻訳する]
    21. ::-webkit-slider-runnable-track [翻訳する]
    22. ::-webkit-slider-thumb [翻訳する]
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue (:cue)
    27. ::first-letter (:first-letter)
    28. ::first-line (:first-line)
    29. ::grammar-error
    30. ::marker
    31. ::part() [翻訳する]
    32. ::placeholder
    33. ::selection
    34. ::slotted()
    35. ::spelling-error