Почему поддерживается только в FF и потенциально может быть удалено из
спецификации?
Кому мешает?
Пусть возможно бесполезно (а может и нет), но для полноты картины реализует последнее из возможных сочетаний для получения ширины блока из width, padding и border.
<!--чтобы добавить красок-->
<style>
div {
padding: 10px;
height: 50px;
}
.parent {
border: solid 5px red;
}
.child {
border: solid 5px green;
}
</style>
<button>content-box</button>
<button>padding-box</button>
<button>border-box</button>
<div class="parent">
<div class="child"></div>
</div>
<script>
(function () {
var child = document.querySelector(".child");
document.addEventListener("click", function (event) {
var target = event.target;
if (target.tagName == "BUTTON") {
child.style.boxSizing = target.innerHTML;
}
});
})();
</script>