How to get style for a particular class in Selenium C#

Question

I am trying to get style properties from an element using selenium which displays as below.

element.style {
    left: 0px;
    margin: 0px;
    width: 414px;
    top: 0px;
}
    .Content
    {
        min-height: 500px;
        padding-top: 10px;
    }

Using the below code retrieves only the element style properties "left: 0px;margin: 0px;width: 414px;top: 0px;"

 var style = webelement.GetAttribute("style");

How to get all the styles specific to Content class ?

Answer 1

To retrieve the value of WebElement's style and Content you can use the following solutions:

• style using GetAttribute("style") as follows:

  var style = webelement.GetAttribute("style");
  

• Content using GetCssValue("Content") as follows:

  var style = webelement.GetCssValue("Content");
  

---

References

You can find a couple of relevant detailed discussions in:

• How to convert #ffffff to #fff or #fff to #ffffff while asserting the background color rgb(255,255,255) returned by Selenium getCssValue("background")
• How can I verify text is bold using selenium on an angular website with C#
• GetAttribute in Selenium VBA for style
• How to get background-image from inline css using selenium