: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

凡例

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

関連情報

最終更新日:

, by MDN contributors
関連トピック
  1. CSS
  2. CSS リファレンス
  3. CSS Selectors
  4. ガイド
    1. セレクターでの :target 疑似クラスの利用
  5. 基本セレクター
    1. 要素型セレクター
    2. クラスセレクター
    3. ID セレクター
    4. 全称セレクター
    5. 属性セレクタ
  6. 結合子
    1. 隣接兄弟結合子
    2. 一般兄弟結合子
    3. 子結合子
    4. 子孫結合子
    5. 列結合子
  7. 擬似クラス
    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() [翻訳する]
  8. 擬似要素
    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