Die deleteRule() Methode des CSSKeyframeRule-Interfaces löscht die CSSKeyFrameRule, die mit dem angegebenen Keyframe-Selektor übereinstimmt.

Syntax

Parameter

select

Ein String, der den Keyframe-Selektor der zu löschenden Regel enthält, der sein muss:

• eine durch Kommas getrennte Liste von Prozentwerten zwischen 0 % und 100 %;
• oder die Schlüsselwörter from oder to

Beachten Sie, dass die Anzahl und Reihenfolge der Werte im angegebenen Keyframe-Selektor mit denen der anvisierten Keyframe-Regel(n) übereinstimmen müssen. Leerzeichen werden ignoriert.

Rückgabewert

Keiner (undefined).

Beispiele

Das CSS enthält eine Keyframes-Anweisung. Diese wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird. myRules[0] gibt ein CSSKeyframesRule-Objekt zurück. Die Rückgabe der cssRules-Eigenschaft würde eine CSSRuleList mit zwei Regeln zurückgeben.

Nach dem Löschen einer Regel mit deleteRule() gibt die cssRules-Eigenschaft eine CSSRuleList mit einer Regel zurück.

@keyframes slide-in {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}

let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
keyframes.deleteRule("to");
console.log(keyframes.cssRules); // a CSSRuleList object with one rule

Spezifikationen

Browser-Kompatibilität