访问css border-width属性的问题

Question

我的css值有问题。例如，我设置div border-width，如：

  $("div").css("border-width", "20px");

但是当我再次访问边框宽度时，我得到了：

 var width = $("div").css("border-width");

 width = 19.56740..px ( value something like this )

有人可以解释一下，我做错了吗？

Answer 1

实际上，border-width css属性不存在。它会分裂成：

border-top-width
border-right-width
border-bottom-width
border-left-width

所以试着阅读那些，应该像预期的那样工作。

var width = $("div").css("border-top-width");

Answer 2

border-width不存在。你必须使用以下

边框顶宽度 右边框宽度 边界底部宽度 左边框宽度

JS CODE

$('div').css({'border':'1px solid red', 'border-width':'20px'})
var width = $('div').css('border-top-width');
console.log(width);