css默认3px,css – 使用border-style时自动添加3px边框而不指定边框大小

我注意到在没有指定边框大小的情况下设置边框样式会导致边框被添加到元素中.

CSS:.box

{

width: 200px;

height: 300px;

background-color: green;

border-style: solid;

}

预期结果:

盒子周围没有边框,因为我们没有指定边框的宽度.

实际结果:

盒子周围出现黑色3px边框.

我想我的问题是,为什么会发生这种情况?它是W3C CSS规范的一部分吗?

最佳答案 了解属性的来源非常重要:

关于颜色属性,如果未指定,则来自border-color属性,如果未设置,则从每个border-* side * -color获取显性值,如果未设置,则返回到currentColor的值,由下式指定:为颜色设置的值,默认为黑色.

颜色

边界 – >没有颜色设置 – >来自border-color – >没有颜色设置 – >从占优势的边界 – *侧* -color->没有边设置,恢复为currentColor

宽度设置采用类似的路径 – 但在单个宽度设置处停止,默认为中等

宽度

边界 – >没有宽度设置 – >从border-width获得 – >没有宽度设置 – >从占主导地位的border-*side*-width(默认为中等)

总之,默认值为黑色和中等.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值