CSSStyleDeclaration.length

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

Syntax

var num = styles.length;

Value

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

Example

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

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

JavaScript code:

var myDiv = document.getElementById('div1'); var divStyle = myDiv.style; var len = divStyle.length; // 6

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
length
44
12
1
9
≤12.1
6
4.4
18
4
≤12.1
Yes
1.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleDeclaration/length