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 September 2015.
Die schreibgeschützte Eigenschaft CSSKeyframeRule.style ist die Schnittstelle CSSStyleDeclaration für den Deklarationsblock der CSSKeyframeRule.
Wert
Ein CSSStyleDeclaration Objekt mit den folgenden Eigenschaften:
- berechnetes Flag
-
Nicht gesetzt.
- Deklarationen
-
Die deklarierten Deklarationen in der Regel, in der Reihenfolge, in der sie angegeben wurden, Kurzschreibweisen erweitert zu Langformen.
- übergeordnete CSS-Regel
-
Das Kontextobjekt, das ein Alias für dieses ist.
- Eigentümerknoten
-
Null.
Beispiele
Das CSS enthält eine @keyframes-At-Regel. Dies wird die erste CSSRule sein, die durch document.styleSheets[0].cssRules zurückgegeben wird. myRules[0] gibt ein CSSKeyframesRule Objekt zurück, das einzelne CSSKeyFrameRule Objekte für jedes Keyframe enthalten wird.
@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 |
Browser-Kompatibilität
BCD tables only load in the browser