javascript - 访问 css 边框宽度属性的问题

Question

我对 css 值有疑问。意味着例如我设置 div 边框宽度，如：

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

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

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

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

谁能解释一下，我做错了什么？

Answer 1

边框宽度不存在。你必须使用以下

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

JS代码

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

Answer 2

实际上，border-widthcss 属性并不存在。它分为：

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

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

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