Are there any function, library or anything else can detect values of css properties?
Take "position" for an example, use some methods then I can get "absolute", "static", "relative" ... are "position"'s values.
So I can detect the supporting degree of a css property. And how many values for this property I can use.
Thanks very much!
If I am understanding correctly, you wish to iterate over the possible values for a css property. Unfortunately, there is no way to do this. What you could do is store the possible values so that when you need to list them, you can just look them up. Take the following example.
var cssProperties = { position: ['inherit', 'static', 'relative', 'absolute', 'sticky', 'fixed'], float: ['inherit', 'left', 'right', 'none'] };
function lookupCssValues(property) {
return cssProperties[property];
}
You can traverse the possible css properties for an element by doing something like this:
for(var property in element.style) {
if(typeof elem.style[property] === 'string') {
console.log(property) // this is a css property for the element
}
}
You can do this easily with jQuery!
$('.element-in-question').css('position');
document.getElementById('your element').stylereturns all of your current styles to that particular element..