css的边框属性

  css元素默认没有边框。

（1）  border-radius:设置圆角边框。

  值单位有em，px，百分比等。

  提供两个参数，每个参数允许设置1~4个参数值。

  第一个参数设置水平半径，第二个参数设置垂直半径。

   两个参数用“/”符号分割，若是第二个参数省略，默认等于第一个参数。

  

   说明，参数值个数：

一个值：四个角的水平/垂直半径均为该值。

两个值：第一个值设置左上、右下两角的水平/垂直半径，第二个值设置右上、左下两角的水平/垂直半径。

三个值：第一个值设置左上角的水平/垂直半径，第二个值设置右上、左下两角的水平/垂直半径，第三个值设置右下角的水平/垂直半径。

四个值：按顺序设置左上、右上、右下、左下四个角的水平/垂直半径。

 

  (2) border-image:设置图片边框。

  IE目前不支持该属性。

  通过设置border-image-source、border-image-slice、border-image-width、border-image-outset、border-image-repeat五个属性的值对图片边框进行调整。

  一般是通过设置综合属性border-imge的三个以上的值（border-image-source、border-image-repeat和其他三个中的一个或几个属性）设置边框图片。

 

   border-image、border-radius是css3新增的两个属性。

   其他原生属性：

  

(3)border-width：设置边框的宽度。

值可以是medium、thin、thick、length已定格式的值。

也可以是自设定值，一到四个之间的px值。

 

(4)border-style：边框的样式设置。

值可以是none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset已定格式的值。

也可以是自设定值，一到四个之间的px值。

 

(5)border-color：设置边框颜色。

值为颜色名称或RGB值。

可设一到四个颜色值。

四个值时按顺序分设置表示上、右、下、左边框。

 

（6）border:border-width、border-style、border-color的综合属性。

三个值按顺序分别为border-width、border-style、border-color的值。