Получите 'border-width' с jQuery, когда 'border-style' is 'none'

Question

Мне нужна помощь в решении этой простой проблемы. Я пытаюсь получить ширину границы элемента, но jQuery всегда извлекает «0px», есть ли способ получить «границу ширины»?

$('div').css({ 
 
    'border-width': '6px', 
 
    'border-style': 'solid' 
 
}); 
 

 
$('div').css({ 
 
    'color': 'rgb(207, 38, 38)' 
 
}); 
 

 
$('div').css({ 
 
    'border-style': 'none' 
 
}); 
 

 
console.log($('div').css('borderWidth')); //Here is the problem I need the value to be '6px'

div { 
 
    width: 100px; 
 
    height: 40px; 
 
    background-color: yellow; 
 
    position: relative; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div>element</div>

Working DEMO

EDIT:

Я использую Google Chrome, это может быть браузер ошибка?

Заранее спасибо.

EDIT 2: мне нужно Решение JQuery и не VanillaJS

Answer 1

Вы можете сделать это без JQuery.

var element = document.getElementsByTagName('div')[0]; 

console.log(element.style.borderWidth); 

Рабочий пример: https://jsfiddle.net/umkwym05/