CSSPageRule

CSSPageRule представляет собой одно правило CSS @page.

Наследует свойства от своих предков CSSGroupingRule и CSSRule.

CSSPageRule.selectorText

Представляет текст селектора страницы, связанного с правилом.

CSSPageRule.style Только для чтения

Возвращает блок объявления, связанный с правилом.

Наследует методы от своих предков CSSGroupingRule и CSSRule.

Этот пример показывает, как найти объекты CSSPageRule для правил @page, загруженных документом.

CSS

Ниже мы определяем стили для страницы с помощью правила @page.

@page {
  margin: 1cm;
}

JavaScript

Код перебирает все листы в документе и все cssRules в каждом листе, записывая индекс листа, количество правил и тип каждого объекта правила. Затем мы определяем объекты CSSPageRule по их типу (ничего не делая с этой информацией).

for (
  let sheetCount = 0;
  sheetCount < document.styleSheets.length;
  sheetCount++
) {
  const sheet = document.styleSheets[sheetCount].cssRules;
  log(`styleSheet: ${sheetCount}`);

  const myRules = document.styleSheets[sheetCount].cssRules;
  log(`rules: ${myRules.length}`);
  for (let i = 0; i < myRules.length; i++) {
    log(`rule: ${myRules[i]}`);
    if (myRules[i] instanceof CSSPageRule) {
      //... Do something with CSSPageRule
    }
  }
}

Результаты

Результаты показаны ниже. Как видите, есть два листа, соответствующие главному документу и фрейму примера кода, и каждый из них имеет ряд правил, только одно из которых — наше CSSPageRule.