StylePropertyMapReadOnly.size

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The size read-only property of the StylePropertyMapReadOnly interface returns an unsigned long integer containing the size of the StylePropertyMapReadOnly object.

Value

An unsigned long integer.

Examples

Here we use the size property to return the total entries within the button elements computedStyleMap.

// grab our element
const buttonEl = document.querySelector('button');

// we can retrieve all computed styles with `computedStyleMap`
const allComputedStyles = buttonEl.computedStyleMap();

// use size to get the total styles within the map
const amountStyles = allComputedStyles.size;
console.log(amountStyles); // logs 338

Specifications

Specification
CSS Typed OM Level 2
# dom-stylepropertymapreadonly-size

Browser compatibility

BCD tables only load in the browser