Spec-Zone.ru › Web APIs

CSSKeyframesRule: свойство cssRules

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с сентября 2015 года.

  • Узнать больше
  • Полная совместимость
  • Отправить отзыв

Только для чтения cssRules свойство интерфейса CSSKeyframeRule возвращает CSSRuleList, содержащий правила в ключевых кадрах правиле at-rule.

Примечание: CSSKeyframeRule само по себе индексируется как массив и работает аналогично своему свойству cssRules.

Значение

A CSSRuleList.

Примеры

CSS содержит правило ключевых кадров. Это будет первое CSSRule, возвращенное document.styleSheets[0].cssRules. myRules[0] возвращает объект CSSKeyframesRule. Свойство cssRules возвращает CSSRuleList, содержащий два правила.

@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.cssRules); // a CSSRuleList object with two rules

Спецификации

Спецификация
CSS Анимации Уровень 1
# dom-csskeyframesrule-cssrules

Совместимость браузеров

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
cssRules 1 12 5 12 4 18 5 12 3.2 1.0 4.4

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSKeyframesRule/cssRules

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API