Open In App

value_of_css_property() element method – Selenium Python

Selenium’s Python Module is built to perform automated testing with Python. Selenium Python bindings provides a simple API to write functional/acceptance tests using Selenium WebDriver. To open a webpage using Selenium Python, checkout – Navigating links using get method – Selenium Python. Just being able to go to places isn’t terribly useful. What we’d really like to do is to interact with the pages, or, more specifically, the HTML elements within a page. There are multiple strategies to find an element using Selenium, checkout – Locating Strategies

This article revolves around how to use value_of_css_property method in Selenium. value_of_css_property method is used to get value of a css property for a element.

Syntax –
element.clear()

Example –




<input type="text" name="passwd" style="font-size:120px" id="passwd-id" />

To find an element one needs to use one of the locating strategies, For example,

element = driver.find_element_by_id("passwd-id")
element = driver.find_element_by_name("passwd")
element = driver.find_element_by_xpath("//input[@id='passwd-id']")

Also, to find multiple elements, we can use –

elements = driver.find_elements_by_name("passwd")

Now one can get this field’s css properties with

element.value_of_css_property('font-size')

How to use value_of_css_property element method in Selenium Python ?

Let’s try to get value_of_css_property of search field on geeksforgeeks.
Program –




# import webdriver
from selenium import webdriver
  
# create webdriver object
driver = webdriver.Firefox()
  
# get geeksforgeeks.org
  
# get element 
element = driver.find_element_by_id("gsc-i-id2")
  
  
# print width
print(element.value_of_css_property('width'))

Output-

Terminal Output –

161px
Article Tags :