[分享]css中属于边位移属性

CSS中有很多属性可以用来控制元素的位置和布局，其中有一类属性是用来控制边框的位置和大小，我们称它们为边位移属性。bordertopwidth borderrightwidth borderbotto...

CSS中有很多属性可以用来控制元素的位置和布局，其中有一类属性是用来控制边框的位置和大小，我们称它们为边位移属性。

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

border-top-style
border-right-style
border-bottom-style
border-left-style

border-top-color
border-right-color
border-bottom-color
border-left-color 

上面列出了常用的边位移属性，它们分别用来控制元素的上、右、下、左四个边框的宽度、样式和颜色。

比如，你可以这样使用这些属性：

div {
  border-top-width: 2px;
  border-right-width: 1px;
  border-bottom-width: 3px;
  border-left-width: 1px;

  border-top-style: dashed;
  border-right-style: solid;
  border-bottom-style: dotted;
  border-left-style: solid;

  border-top-color: red;
  border-right-color: blue;
  border-bottom-color: green;
  border-left-color: black;
} 

上面的代码会让一个

div {
  border-bottom-width: 3px;
  border-bottom-color: green;
  border-bottom-style: dotted;
}