Get Element CSS Value
Query the value of a web element's computed CSS property
Example Usage
// Java
List<MobileElement> element = (MobileElement) driver.findElementById("SomeId");
String cssProperty = element.getCssValue("style");
# Python
cssProperty = self.driver.find_element_by_accessibility_id('SomeId').value_of_css_property("style")
// Javascript
// webdriver.io example
let cssProperty = driver.getCssProperty("~SomeId", "style");
[//]: # (DO NOT EDIT THIS FILE! This is an auto-generated file. Editing for this document happens in /commands-yml/commands/element/attributes/css-property.yml)
// wd example
let element = await driver.elementById("SomeId");
let cssProperty = await element.getComputedCss();
# Ruby
# ruby_lib example
find_element(:id, 'SomeId').css_value
[//]: # (DO NOT EDIT THIS FILE! This is an auto-generated file. Editing for this document happens in /commands-yml/commands/element/attributes/css-property.yml)
# ruby_lib_core example
@driver.find_element(:id, 'SomeId').css_value
# PHP
// TODO PHP sample
// C#
// TODO C# 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 | Espresso | ?+ | 1.9.0+ | All |
| 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 | |
| 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)