Get Element CSS Value

Query the value of a web element's computed CSS property

Example Usage

List<MobileElement> element = (MobileElement) driver.findElementById("SomeId");
String cssProperty = element.getCssValue("style");

cssProperty = self.driver.find_element_by_accessibility_id('SomeId').value_of_css_property("style")

// webdriver.io example
let cssProperty = driver.getCssProperty("~SomeId", "style");



// wd example
let element = await driver.elementById("SomeId");
let cssProperty = await element.getComputedCss();

@driver.find_element(:id, 'SomeId').css_value

// TODO C# sample

// TODO PHP sample

Description

The CSS property to query should be specified using the CSS property name, not the JavaScript property name (e.g. background-color instead of backgroundColor).

This command only applies to webview contexts

Support

Appium Server

Platform Driver Platform Versions Appium Version Driver Version
iOS XCUITest 9.3+ 1.6.0+ All
UIAutomation 8.0 to 9.3 All All
Android UiAutomator2 ?+ 1.6.0+ All
UiAutomator 4.2+ All All
Mac Mac ?+ 1.6.4+ All
Windows Windows 10+ 1.6.0+ All

Appium Clients

Language Support Documentation
Java All seleniumhq.github.io
Python All selenium-python.readthedocs.io
Javascript (WebdriverIO) All webdriver.io
Javascript (WD) All github.com
Ruby All www.rubydoc.info
PHP All github.com
C# All github.com

HTTP API Specifications

Endpoint

GET /wd/hub/session/:session_id/elements/:element_id/css/:property_name

URL Parameters

name description
session_id ID of the session to route the command to
element_id ID of the element to get the property from
property_name Name of the CSS property

JSON Parameters

None

Response

Value of the CSS property (string)

See Also