CSSKeyframeRule: style-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since August 2016.
Die schreibgeschützte CSSKeyframeRule.style-Eigenschaft ist die CSSStyleDeclaration-Schnittstelle für den Deklarationsblock der CSSKeyframeRule.
Wert
Ein CSSStyleDeclaration-Objekt mit den folgenden Eigenschaften:
- berechnetes Flag
-
Nicht gesetzt.
- Deklarationen
-
Die in der Regel deklarierten Deklarationen, in der Reihenfolge, in der sie angegeben wurden, zusammengefasste Eigenschaften erweitert zu Einzelheiten.
- übergeordnete CSS-Regel
-
Das Kontextobjekt, das ein Alias für
thisist. - Eigentümerknoten
-
Null.
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, das einzelne CSSKeyFrameRule-Objekte für jedes Keyframe enthält.
@keyframes slide-in {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
console.log(keyframes[0].style); // a CSSStyleDeclaration
Spezifikationen
| Specification |
|---|
| CSS Animations Level 1 # dom-csskeyframerule-style |