HTML Dog
跳至导航

CSS 属性:border

框的四个边框的宽度、样式和颜色。

一个简写属性,它结合了 border-topborder-rightborder-bottomborder-left,以及 border-widthborder-styleborder-color

可能的值

一个**以空格分隔的列表**,包含最多三个值,分别代表 border-widthborder-styleborder-color。任何被省略的值将默认为其初始值。

描述 示例
[宽度]
(等同于单个 border-width 值)
  • 显式设置了宽度。
  • 样式默认为 none。
  • 颜色默认为框的计算出的 color 属性。
2px
[样式]
(等同于单个 border-style 值)
  • 显式设置了样式。
  • 宽度默认为 medium。
  • 颜色默认为框的计算出的 color 属性。
solid
[颜色]
(等同于单个 border-color 值)
  • 显式设置了颜色。
  • 宽度默认为 medium。
  • 样式默认为 none。
red
[宽度] [样式]
  • 显式设置了宽度。
  • 显式设置了样式。
  • 颜色默认为框的计算出的 color 属性。
2px solid
[宽度] [颜色]
  • 显式设置了宽度。
  • 显式设置了颜色。
  • 样式默认为 none。
2px red
[样式] [颜色]
  • 显式设置了样式。
  • 显式设置了颜色。
  • 宽度默认为 medium。
solid red
[宽度] [样式] [颜色]
  • 显式设置了宽度。
  • 显式设置了样式。
  • 显式设置了颜色。
2px solid red
inherit
initial
unset

示例


#animal { border: 1px solid #000; }

浏览器支持