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的值。