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)