CSSKeyframesRule: cssRules-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit August 2016 browserübergreifend verfügbar.
Die schreibgeschützte cssRules-Eigenschaft der Schnittstelle CSSKeyframeRule gibt eine CSSRuleList zurück, die die Regeln in den Keyframes-At-Regel enthält.
Hinweis:
Die CSSKeyframeRule selbst ist wie ein Array indexierbar und funktioniert ähnlich wie ihre cssRules-Eigenschaft.
Wert
Eine CSSRuleList.
Beispiele
Das CSS enthält eine Keyframes-At-Regel. Diese wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird.
myRules[0] gibt ein CSSKeyframesRule-Objekt zurück. Die cssRules-Eigenschaft gibt eine CSSRuleList mit zwei Regeln zurück.
css
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
js
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes.cssRules); // a CSSRuleList object with two rules
Spezifikationen
| Spezifikation |
|---|
| CSS Animations Level 1 # dom-csskeyframesrule-cssrules |