:right

The :right CSS page pseudo-class matches any right page when printing a page. It allows you to describe the styling of right-side pages.

/* Selects the content on the right-hand pages while printing */
@page :right {
  margin: 2in 3in;
}

Whether the page is left or right is decided by the major writing direction of the document. For example, if the first page has a major writing direction of left-to-right then it will be a :right page and if it has a major writing direction of right-to-left then it will be a :left page.

Note: Вы можете не менять все CSS свойства, а поменять только margin, padding, border, и background для страницы. Все остальные CSS свойства будут проигнорированы и изменения будут применены только для страницы, но не для её содержимого.

Синтаксис

:right

Примеры

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

Спецификации

Specification Status Comment
CSS Paged Media Module Level 3
Определение ':right' в этой спецификации.		 Рабочий черновик No change.
CSS Level 2 (Revision 1)
Определение ':right' в этой спецификации.		 Рекомендация Initial definition.

Совместимость с браузерами

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support ? (Да) Нет 8.0 9.2 ?
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? (Да) Нет ? ? ?

Смотрите также

Связанные темы
  1. CSS
  2. CSS документация
  3. CSS Selectors
  4. Руководства
    1. Использование псевдокласса :target в селекторах
  5. Базовые селекторы
    1. Селектор по типу
    2. Селекторы по классу
    3. Селекторы по ID
    4. Универсальные селекторы
    5. Селекторы атрибутов
  6. Комбинаторы
    1. Смежные селекторы
    2. Селектор следующего элемента
    3. Селектор дочерних элементов
    4. Селектор потомков
    5. Column combinator [Перевести]
  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-within [Перевести]
    17. :has() [Перевести]
    18. :host() [Перевести]
    19. :host-context() [Перевести]
    20. :hover
    21. :indeterminate
    22. :in-range
    23. :invalid
    24. :is() (:matches(), :any()) [Перевести]
    25. :lang() [Перевести]
    26. :last-child
    27. :last-of-type
    28. :left [Перевести]
    29. :link
    30. :not()
    31. :nth-child
    32. :nth-last-child
    33. :nth-last-of-type()
    34. :nth-of-type
    35. :only-child
    36. :only-of-type
    37. :optional
    38. :out-of-range
    39. :placeholder-shown
    40. :read-only
    41. :read-write
    42. :required
    43. :right
    44. :root
    45. :scope [Перевести]
    46. :target [Перевести]
    47. :valid
    48. :visited
    49. :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 [Перевести]
    27. ::first-letter (:first-letter)
    28. ::first-line (:first-line)
    29. ::grammar-error [Перевести]
    30. ::placeholder [Перевести]
    31. ::selection
    32. ::slotted() [Перевести]
    33. ::spelling-error [Перевести]