border-width
border-width是不支持百分比设置
border-width支持关键字:thin(1px)、medium(默认值,3px)、thick(5px)
border-style
border-style:solid ; 实线
border-style:dashed; 虚线(全部由小短线构成)
border-style: dotted; 点线(全部由点构成)
border-style: double;双线(双线宽度永远相等,中间间隔±1),兼容性非常好
已经淘汰的几个属性:
border-style:inset; 内凹
border-style:outset; 外凸
border-style:groove; 沟槽
border-style:ridge; 山脊
border-color
边框颜色border-color和color的效果一样。
border-color: red;
border-color:red green blue transparent;
border-color属性的值要么为1个颜色,表示所有的边框颜色;要么为四个值,分别指定四个边框的颜色。
background-position
该属性默认相对左上角定位;
100%右侧定位是不计算border区域的。因此可以利用border的宽度来实现居右侧的定位
通过设置border的指定边为透明色,boder可以用来构建三角形、梯形等。