CSSKeyframesRule: thuộc tính length
Baseline
2024
Newly available
Since March 2024, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Thuộc tính chỉ đọc length của giao diện CSSKeyframesRule trả về số lượng đối tượng CSSKeyframeRule trong danh sách của nó. Bạn có thể truy cập từng quy tắc keyframe theo chỉ mục trực tiếp trên đối tượng CSSKeyframeRule.
Giá trị
Một số nguyên không âm. Nó phải có cùng giá trị với length của thuộc tính cssRules.
Ví dụ
CSS bao gồm một keyframes at-rule. Đây sẽ là CSSRule đầu tiên được trả về bởi document.styleSheets[0].cssRules.
myRules[0] trả về một đối tượng CSSKeyframesRule. Thuộc tính cssRules trả về một CSSRuleList chứa hai quy tắc.
css
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
js
const myRules = document.styleSheets[0].cssRules;
const keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes.length); // 2
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Animations Level 1 # dom-csskeyframesrule-length |