CSS边框样式

border——四个边框样式合写属性

• border-width border-style border-color
  • border-width：可选。规定边框的宽度。此处该分量样式只允许一个值，表示同时设置四个边框的宽度
  • border-style：必须。规定边框的样式。此处该分量样式只允许一个值，表示同时设置四个边框的样式
  • border-color：可选。规定边框的颜色。此处该分量样式只允许一个值，表示同时设置四个边框的颜色
• none：无边框

border-width——规定四个边框的宽度

• border-top-width border-right-width border-bottom-width border-left-width
  • border-top-width：必须。规定上边框的宽度
  • border-right-width：可选。规定右边框的宽度。省略后同 border-top-width 的值
  • border-bottom-width：可选。规定下边框的宽度。省略后同 border-top-width 的值
  • border-left-width：可选。规定左边框的宽度。省略后同 border-right-width 的值

border-style——规定四个边框的样式

• border-top-style border-right-style border-bottom-style border-left-style
  • border-top-style：必须。规定上边框的样式
  • border-right-style：可选。规定右边框的样式。省略后同 border-top-style 的值
  • border-bottom-style：可选。规定下边框的样式。省略后同 border-top-style 的值
  • border-left-style：可选。规定左边框的样式。省略后同 border-right-style 的值

border-color——规定四个边框的颜色

• border-top-color border-right-color border-bottom-color border-left-color
  • border-top-color：必须。规定上边框的颜色
  • border-right-color：可选。规定右边框的颜色。省略后同 border-top-color 的值
  • border-bottom-color：可选。规定下边框的颜色。省略后同 border-top-color 的值
  • border-left-color：可选。规定左边框的颜色。省略后同 border-left-color 的值

---

border-top——上边框样式合写属性

• border-top-width border-top-style border-top-color
  • border-top-width：可选。规定上边框的宽度
  • border-top-style：必须。规定上边框的样式
  • border-top-color：可选。规定上边框的颜色
• none：无上边框

border-top-width——规定上边框的宽度

• 长度值

border-top-style——规定上边框的样式

• none：无上边框（默认）
• solid：上边框为一条实线

border-top-color——规定上边框的颜色

• 颜色值

---

除上述样式外，边框样式还有以下几种。由于与上述样式同理，故此处不再赘述。

border-right、border-right-widfth、border-right-style、border-right-color；

border-bottom、border-bottom-widfth、border-bottom-style、border-bottom-color；

border-left、border-left-widfth、border-left-style、border-left-color。