Is this inline style or css file style returns with jquery .css()

Question

I want to check right padding value of div element. I use jquery .css() method:

$('div').css('padding-right');

It works. Now I need to know where it value comes from. It can by inline defenition:

<div style="padding-right: 100px;">

or it can be wrote in external css file (or <style></style> section):

div {
    padding-right: 100px;
}

Thanks!

Answer 1

According to the css() documentation

Get the computed style properties

and

Note that the computed style of an element may not be the same as the value specified for that element in a style sheet. For example, computed styles of dimensions are almost always pixels, but they can be specified as em, ex, px or % in a style sheet. Different browsers may return CSS color values that are logically but not textually equal, e.g., #FFF, #ffffff, and rgb(255,255,255).

Therefore, at the end, whether its from an inline style or a style sheet, it is the computed style.

Answer 2

Try using developer tools in your browser of choice. Right click the div -> "inspect element" (or similar) and look at the CSS for that element. Find your 'padding-right', and it should show you the source for that rule.

Answer 3

You can check if your element has inline styles testing "style" property of the DOM element

$("div")[0].style