CSSMediaRule: media 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 media của giao diện CSSMediaRule chứa đối tượng MediaList đại diện cho danh sách media query của quy tắc @media.
Giá trị
Một đối tượng MediaList.
Mặc dù bản thân thuộc tính media là chỉ đọc theo nghĩa bạn không thể thay thế đối tượng MediaList, bạn vẫn có thể gán cho thuộc tính media trực tiếp, tương đương với việc gán cho thuộc tính mediaText của nó. Bạn cũng có thể sửa đổi đối tượng MediaList bằng cách sử dụng các phương thức appendMedium() và deleteMedium().
Ví dụ
CSS bao gồm một media query với một quy tắc kiểu. Đây sẽ là CSSRule đầu tiên được trả về bởi document.styleSheets[0].cssRules.
Gọi myRules[0].media do đó trả về đối tượng MediaList đại diện cho media query.
@media (width >= 500px) {
body {
color: blue;
}
}
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // a MediaList
Thông số kỹ thuật
| Specification |
|---|
| CSS Conditional Rules Module Level 3 # dom-cssmediarule-media |