CSS中边框属性有哪些

CSS中边框属性有哪些

• 来源:网络
• 更新日期:2022-03-08

摘要：CSS边框属性有：border、border-radius、border-color、border-left、border-right、border-style、border-top、border-width、border-image等等。本教程操作环境：windows7系

CSS边框属性有：border、border-radius、border-color、border-left、border-right、border-style、border-top、border-width、border-image等等。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS中的边框属性

CSS边框属性允许你指定一个元素边框的样式和颜色。

CSS边框属性列表

属性描述CSSborder复合属性。设置对象边框的特性。1border-bottom复合属性。设置对象底部边框的特性。1border-bottom-color设置或检索对象的底部边框颜色。1 border-bottom-style设置或检索对象的底部边框样式。

1border-bottom-width设置或检索对象的底部边框宽度。1border-color置或检索对象的边框颜色。1border-left复合属性。设置对象左边边框的特性。1border-left-color设置或检索对象的左边边框颜色。1border-left-style设置或检索对象的左边边框样式。1border-left-width设置或检索对象的左边边框宽度。1border-right复合属性。设置对象右边边框的特性。1border-right-color设置或检索对象的右边边框颜色。1border-right-style设置或检索对象的右边边框样式。

1border-right-width设置或检索对象的右边边框宽度。1border-style设置或检索对象的边框样式。1border-top复合属性。设置对象顶部边框的特性。1border-top-color设置或检索对象的顶部边框颜色1border-top-style设置或检索对象的顶部边框样式。1border-top-width设置或检索对象的顶部边框宽度。1border-width设置或检索对象的边框宽度。1border-bottom-left-radius设置或检索对象的左下角圆角边框。提供2个参数，2个参数以空格分隔，每个参数允许设置1个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数3border-bottom-right-radius设置或检索对象的右下角圆角边框。3border-image设置或检索对象的边框样式使用图像来填充。3border-image-outset规定边框图像超过边框的量。

3border-image-repeat规定图像边框是否应该被重复（repeated）、拉伸（stretched）或铺满（rounded）。3border-image-slice规定图像边框的向内偏移。3border-image-source规定要使用的图像，代替 border-style 属性中设置的边框样式。3border-image-width规定图像边框的宽度。3border-radius设置或检索对象使用圆角边框。3border-top-left-radius定义左上角边框的形状。3border-top-right-radius定义右上角边框的形状。3

（学习视频分享：css视频教程）