How to get border width in jQuery/javascript

by

You can just use parseInt(); to parse the border width from Npx to N:

var width = $elem.css('borderWidth'); // 150px
var parsed = parseInt(width);         // 150

I had a Google around and it appears in order to get the width of a border you must provide an explicit side of the border:

var borderWidth = $elem.css("border-left-width");

This is because it’s possible for every border to have a different size, style and colour. Unfortunately it doesn’t appear to be any simpler than this.

More Related Contents:

  1. How can I turn a into a link?
  2. Javascript Execute message when mouse is on left side of page [closed]
  3. Different look in desktop, how to setup
  4. Selecting and manipulating CSS pseudo-elements such as ::before and ::after using javascript (or jQuery)
  5. Prevent BODY from scrolling when a modal is opened
  6. jqGrid does not render correctly in Chrome/Chrome Frame
  7. why javascript this.style[property] return an empty string? [duplicate]
  8. Clear icon inside input text
  9. How to connect HTML Divs with Lines? [duplicate]
  10. Equivalent of jQuery .hide() to set visibility: hidden
  11. Ellipsis in the middle of a text (Mac style)
  12. how to disable DIV element and everything inside [duplicate]
  13. Scale a div to fit in window but preserve aspect ratio
  14. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  15. Load HTML page dynamically into div with jQuery
  16. Possible to associate label with checkbox without using “for=id”?
  17. jQuery position DIV fixed at top on scroll
  18. How to Determine if ::before is applied to an element?
  19. Bootstrap modal: background jumps to top on toggle
  20. How to define the css :hover state in a jQuery selector?
  21. jQuery in Chrome returns “block” instead of “inline”
  22. How To Include CSS and jQuery in my WordPress plugin?
  23. jQuery, image changing on hover [duplicate]
  24. Rotate div text after clicking on button using jquery and css
  25. How do I find which JavaScript is changing an element’s style?
  26. How to Bootstrap navbar static to fixed on scroll?
  27. How to use pagination on HTML tables?
  28. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  29. How can I reorder elements with JavaScript?
  30. Can you have multiple lines in an element?

Leave a Comment