CSSStyleRule: style property
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.
Thuộc tính chỉ-đọc style của giao diện CSSStyleRule chứa một đối tượng CSSStyleProperties đại diện cho danh sách thuộc tính trong phần thân của style rule này.
Mỗi thuộc tính CSS được trình duyệt hỗ trợ đều có mặt trên đối tượng.
Các thuộc tính không được định nghĩa inline trong khai báo CSS tương ứng sẽ được đặt thành chuỗi rỗng ("").
Giá trị
Một đối tượng CSSStyleProperties.
Note:
Các phiên bản trước của đặc tả trả về một CSSStyleDeclaration, hiện là lớp cơ sở của CSSStyleProperties.
Xem bảng tương thích trình duyệt để biết thông tin hỗ trợ trình duyệt.
Mặc dù bản thân thuộc tính style là chỉ-đọc theo nghĩa là bạn không thể thay thế đối tượng CSSStyleProperties, bạn vẫn có thể gán trực tiếp vào thuộc tính style, tương đương với việc gán cho thuộc tính cssText của nó. Bạn cũng có thể sửa đổi đối tượng CSSStyleProperties bằng các phương thức setProperty() và removeProperty().
Ví dụ
Lấy các style của một style rule
CSS dưới đây định nghĩa style rule cho bộ chọn h1, được biểu diễn trong code bằng một thể hiện CSSStyleRule.
Khối khai báo là phần của style rule xuất hiện bên trong dấu ngoặc nhọn và thực sự cung cấp các định nghĩa style cho bộ chọn, được biểu diễn trong code bằng thuộc tính style.
h1 {
color: pink;
}
Giả sử style rule ở trên là quy tắc đầu tiên trong tài liệu, nó sẽ là CSSRule đầu tiên được trả về bởi document.styleSheets[0].cssRules.
myRules[0].style trả về một đối tượng CSSStyleProperties đại diện cho các khai báo được định nghĩa cho h1.
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style); // a CSSStyleProperties representing the declarations on the h1.
Thông số kỹ thuật
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssstylerule-style |