边框属性的简写

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

大多数浏览器中,边框的border-widthborder-color都有默认值,而边框的border-style默认值都是none.

  • 使用border来统一设置四条边框的所有属性(与文本样式的简写同样道理)
    边框的简写样式,通过它可以同时设置四个边框的样式、宽度、颜色,而且没有任何书写顺序。

例如以下写法都正确:

border: 10px solid red;
border: solid 10px red;
border: red solid 10px;
  • 使用border-xxx来分别设置四条边框的所有属性
    xxx可以是toprightbottomleft
    简写的规则与border一样。

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/33.html