CSSStyleDeclaration: length property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

The read-only property returns an integer that represents the number of style declarations in this CSS declaration block.

An integer that provides the number of styles explicitly set on the parent of the instance.

The following gets the number of explicitly set styles on the following HTML element:

html

<div
  id="div1"
  style="margin: 0 10px; background-color: #CA1; font-family: monospace"></div>

JavaScript code:

const myDiv = document.getElementById("div1");
const divStyle = myDiv.style;
const len = divStyle.length; // 6

Specification
CSS Object Model (CSSOM) # dom-cssstyledeclaration-length

BCD tables only load in the browser