css的边框属性

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/i_yjn/article/details/51383972

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

猜你喜欢

转载自blog.csdn.net/i_yjn/article/details/51383972