检测特定属性的可用css值

时间:2013-11-26 03:52:25

标签: javascript jquery css css3 cross-browser

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

以“位置”为例,使用一些方法然后我可以得到“绝对”,“静态”,“ relative “...是”位置“的值。

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

非常感谢!

3 个答案:

答案 0 :(得分:3)

如果我理解正确,您希望迭代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
    }
}

答案 1 :(得分:0)

您可以使用jQuery轻松完成此任务!

$('.element-in-question').css('position');

http://jsfiddle.net/h7KHT/

答案 2 :(得分:0)

$('.someelement').css("position")