code: function (domElement, styles) {
          styles = styles || (document.defaultView && document.defaultView.getComputedStyle ? document.defaultView.getComputedStyle(domElement, null) : domElement.currentStyle);
          var px = document.defaultView && document.defaultView.getComputedStyle ? true : false;
          var b = {
              top: (parseFloat(px ? styles.borderTopWidth : $.css(domElement, "borderTopWidth")) || 0),
              left: (parseFloat(px ? styles.borderLeftWidth : $.css(domElement, "borderLeftWidth")) || 0),
              bottom: (parseFloat(px ? styles.borderBottomWidth : $.css(domElement, "borderBottomWidth")) || 0),
              right: (parseFloat(px ? styles.borderRightWidth : $.css(domElement, "borderRightWidth")) || 0)
          };
          return {
              top: b.top,
              left: b.left,
              bottom: b.bottom,
              right: b.right,
              vertical: b.top + b.bottom,
              horizontal: b.left + b.right
          };
      }
docs: gets border dimensions