Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

CSSPrimitiveValue.getRectValue()

The getRectValue() method of the CSSPrimitiveValue interface is used to get a rect value. If this CSS value doesn't contain a rect value, a DOMException is raised. Modification to the corresponding style property can be achieved using the Rect interface.

Syntax

var rectValue = cssPrimitiveValue.getRectValue();

Return value

A Rect object representing the rect value.

Exceptions

Type Description
DOMException An INVALID_ACCESS_ERR is raised if the CSS value doesn't contain a Rect value. (i.e. this is not CSS_RECT).

Example

var cs = window.getComputedStyle(document.getElementById("clippedDiv"));
var cssValue = cs.getPropertyCSSValue("clip");
console.log(cssValue.getRectValue());

Specifications

Specification Status Comment
Document Object Model (DOM) Level 2 Style Specification
The definition of 'CSSPrimitiveValue.getRectValue' in that specification.
Recommendation Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support No support (Yes) ? No support ?
Feature Android Firefox Mobile (Gecko) Firefox OS IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support ? (Yes) (Yes) ? ? ? ?

Document Tags and Contributors

 Contributors to this page: Sebastianz
 Last updated by: Sebastianz,