javascript - 检测特定属性的可用 css 值

Question

是否有任何函数、库或其他任何东西可以检测 css 属性的值？

以“position”为例，使用一些方法可以得到“absolute”、“static”、“relative” ... 是“position”的值。

所以我可以检测一个css属性的支持度。 我可以使用这个属性的多少个值。

非常感谢!

Answer 1

如果我没理解错的话，您希望遍历 css 属性的可能值。不幸的是，没有办法做到这一点。您可以做的是存储可能的值，以便在需要列出它们时，您可以查找它们。举个例子。

var cssProperties = { position: ['inherit', 'static', 'relative', 'absolute', 'sticky', 'fixed'], float: ['inherit', 'left', 'right', 'none'] };

function lookupCssValues(property) {
    return cssProperties[property];
}

您可以通过执行以下操作来遍历元素可能的 css 属性:

for(var property in element.style) {
    if(typeof elem.style[property] === 'string') {
        console.log(property) // this is a css property for the element
    }
}