Вопросы Теги

Как я получаю все поддерживаемые свойства CSS в WebKit?

В Firefox Opera и IE я могу получить их через:

>> for (k in document.body.style) console.log(k)
-> opacity
   background
   height
   textAlign
   .
   ... long list ...
   .
   pointerEvents

В WebKit результат очень отличается:

>> for (k in document.body.style) console.log(k)
-> cssText
   length
   parentRule
   getPropertyValue
   getPropertyCSSValue
   removeProperty
   getPropertyPriority
   setProperty
   item
   getPropertyShorthand
   isPropertyImplicit

Обновление: последний WebKit действительно перечисляет по свойствам CSS в HTMLElement.style, который делает тот же путь весь по браузерам.

6
задан NVI 9 January 2012 в 19:53
поделиться

2 ответа

Ответ: 

>> document.defaultView.getComputedStyle(document.body, '')
-> CSSStyleDeclaration
   0: "background-attachment"
   1: "background-clip"
   2: "background-color"
   3: "background-image"
   4: "background-origin"
   5: "background-position"
   6: "background-repeat"
   7: "background-size"
   8: "border-bottom-color"
   9: "border-bottom-left-radius"
   ...

Спасибо Антону Бирне за его решение .

Остается одна проблема: getComputedStyle () не возвращает ярлыки, такие как background и border .

6
ответ дан 17 December 2019 в 00:06
поделиться

Я не уверен насчет доступа к Javascript, но вы можете найти все поддерживаемые свойства (даже собственные) здесь: Имена свойств CSS .

1
ответ дан 17 December 2019 в 00:06
поделиться
Другие вопросы по тегам:

Похожие вопросы: