DEV Community

Discussion on: Did you know CSS has over 400 unique properties

Collapse
 
mindplay profile image
Rasmus Schultz

You would need to exclude non-CSS object properties to accurately count:

var element = document.createElement("div");
var count = 0;
for (var index in element.style) {
  if (element.style.hasOwnProperty(index)) {
    count++;  
  } else {
    console.log(index); // non-CSS object properties
  }
}
console.log(count);

My browser (Chrome) has 439 ;-)

Collapse
 
sadick profile image
Sadick

Thanks, i completely overlooked the hasOwnProperty method. Nice catch 👍