CSSPageRule
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
CSSPageRule biểu thị một quy tắc CSS @page đơn lẻ.
Thuộc tính phiên bản
Kế thừa thuộc tính từ các lớp tổ tiên CSSGroupingRule và CSSRule.
CSSPageRule.selectorText-
Biểu thị văn bản của bộ chọn trang liên kết với at-rule.
CSSPageRule.styleRead only-
Trả về khối khai báo liên kết với at-rule.
Phương thức phiên bản
Kế thừa phương thức từ các lớp tổ tiên CSSGroupingRule và CSSRule.
Ví dụ
Lọc quy tắc trang
Ví dụ này cho thấy cách bạn có thể tìm các đối tượng CSSPageRule cho các quy tắc @page được tải bởi tài liệu.
CSS
Bên dưới chúng ta định nghĩa các kiểu cho trang bằng quy tắc @page.
@page {
margin: 1cm;
}
JavaScript
Code lặp qua tất cả các sheet trong tài liệu, và qua tất cả cssRules trong mỗi sheet, ghi lại chỉ số sheet, số lượng quy tắc, và loại của mỗi đối tượng quy tắc. Sau đó chúng ta phát hiện các đối tượng CSSPageRule bằng loại của chúng.
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 (const rule of myRules) {
log(`rule: ${rule}`);
if (rule instanceof CSSPageRule) {
// Do something with CSSPageRule
}
}
}
Kết quả
Kết quả được hiển thị bên dưới.
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Object Model (CSSOM) # the-csspagerule-interface |