Did you know CSS has over 400 unique properties
#css#showdev#javascript
Sadick

Sadick @sadick

About: Programming is more about thinking than typing

Joined:
Mar 28, 2018

Did you know CSS has over 400 unique properties

Publish Date: Jun 30 '18
37 4

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
Enter fullscreen mode Exit fullscreen mode

Comments 4 total

  • Rasmus Schultz
    Rasmus SchultzJun 30, 2018

    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
      SadickJun 30, 2018

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

  • Ghost
    GhostJul 1, 2018

    Can do instead 

    Object.keys(getComputedStyle(element)).length

    know that some properties are only SVG related.

  • Martin Muzatko
    Martin MuzatkoJul 11, 2018

    -100

Add comment