CSSStyleDeclaration.getPropertyValue()

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

Syntax

var value = style.getPropertyValue(property);

Parameters

  • property is a DOMString representing the property name (hyphen case) to be checked.

Return value

  • value is a DOMString containing the value of the property. If not set, returns the empty string.

Example

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

var declaration = document.styleSheets[0].cssRules[0].style;
var 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–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/getPropertyValue