top-right-bottom-left 的顺序设置元素

您可以按照 top-right-bottom-left 的顺序设置元素的各边边框：

p {
    border-style: solid;
     border-width: 15px 5px 15px 5px;
}

上面的例子也可以简写为（这样写法称为值复制）：

p {
    border-style: solid;
     border-width: 15px 5px;
}

您也可以通过下列属性分别设置边框各边的宽度：

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

因此，下面的规则与上面的例子是等价的：

p {
    
  border-style: solid;
    
  border-top-width: 15px;
    
  border-right-width: 5px;
    
  border-bottom-width: 15px;
    
  border-left-width: 5px;

  }
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！