How to get width value set in css using jQuery

Question

After several attempts using width(), outerWidth() and css("width) I discovered that all of these methods return a calculated value (in my case always different from the original value), so how can I read the value I set for element width in my css?

it should always be same, unless there is some padding set. so get the value of padding aswell — user2404546
– user2404546, Commented Jun 24, 2013 at 14:00
@Rhea Unfortunately the value is not the same of css: bugs.jquery.com/ticket/14022 — davioooh
– davioooh, Commented Jun 24, 2013 at 14:05
Sounds like you have an element inside you original element that may be expanding the width beyond what you have set in your stylesheet and all those answers, don't they read the question? — Pete
– Pete, Commented Jun 24, 2013 at 14:14
Provide a jsfiddle to test it or at least relevant html code — A. Wolff
– A. Wolff, Commented Jun 24, 2013 at 14:14

Suresh Atta · Accepted Answer · 2013-06-24 14:05:07Z

1

Try OuterWidth

$('#target').outerWidth(true);

the padding and border are included in the calculation; if you pass true, the margin is also included.

answered Jun 24, 2013 at 14:05

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

davioooh Over a year ago

This is not working for me. It returns a greater value also specifying includeMargin=true. So I'd like to read the value directly from my CSS...

Collectives™ on Stack Overflow

How to get width value set in css using jQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related