Did you know CSS has over 400 unique properties

I didn't know either until I did this.

var element = document.createElement("div");
var count = 0;
for (var index in element.style) count++;
console.log(count); // 413

Comments

[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 ;-)

[Sadick]

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

[Ghost]

Can do instead

Object.keys(getComputedStyle(element)).length

know that some properties are only SVG related.

[Martin Muzatko]

-100