Anton Putov Anton Putov - 1 year ago 59
CSS Question

JavaScript style property is empty

I need to calculate the width of an element's border. If I set it explicitly (via CSS), then I can access it in JavaScript by:

However, if only specify border style property (and not 'border-width') ->

border-style: solid

Then the
property is empty. Why? My approach to calculate width is as follows:

if( == ''){
borderWidth = (offsetHeight - clientHeight)/2

Is there any other way to calculate border width whilst only setting

Answer Source

You can use the window.getComputedStyle for modern browsers


For IE pre-9 you will have to use an alternative