Как получить размер рамки на JS?

Question

[DrunkMaster]

Как получить размер рамки border-width = 4px с помощью JavaSctipt? https://jsfiddle.net/v70b28u1/1/
Вариант приведёный в примере отдаёт undefined

<div class="test">18</div>
<div class="test">18</div>
<div class="test">18</div>

.test {
    width: 50px;
    height: 50px;
    text-align: center;
    border-width: 4px;
    border-style: solid;
    border-color: #FF6868;
    box-sizing: border-box;
}

var el = document.querySelector(".test");
document.getElementById("res").innerHTML = el.clientBorderWidth;

Answer 1

[Дмитрий Дарт]

Меняя значение рамки и поглядывая на объект не сложно заметить что значение равное размеру рамки хранится в clientLeft:
https://jsfiddle.net/v70b28u1/6/
https://jsfiddle.net/v70b28u1/7/
https://jsfiddle.net/v70b28u1/8/

Answer 2

[Егор Живагин]

getComputedStyle(document.querySelector(".test"),null).getPropertyValue('border-width')

Comments

[DrunkMaster]

В Хроме работает в FF пустота https://jsfiddle.net/v70b28u1/3/