W3cubDocs

/Web APIs

CSSStyleDeclaration: getPropertyValue() method

The CSSStyleDeclaration.getPropertyValue() method interface returns a string containing the value of a specified CSS property.

Syntax

js

getPropertyValue(property)

Parameters

property

A string representing the property name (in hyphen case) to be checked.

Return value

A string containing the value of the property. If not set, returns the empty string.

Examples

The following JavaScript code queries the value of the margin property in a CSS selector rule:

js

const declaration = document.styleSheets[0].cssRules[0].style;
const value = declaration.getPropertyValue("margin"); // "1px 2px"

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
getPropertyValue 1 12 1 9 ≤12.1 1 4.4 18 4 ≤12.1 1 1.0

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