当前位置:Gxlcms > 前端框架 > css设置边框的属性有哪些

css设置边框的属性有哪些

时间:2021-07-01 10:21:17 帮助过:559人阅读

设置边框的属性:border、border-color、border-style、border-width、border-image、border-radius、border-bottom、border-left、border-top等。

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

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

1.png

css 边框属性

属性描述CSS
border复合属性。设置对象边框的特性。1
border-bottom复合属性。设置对象底部边框的特性。1
border-bottom-color设置或检索对象的底部边框颜色。1
border-bottom-style设置或检索对象的底部边框样式。1
border-bottom-width设置或检索对象的底部边框宽度。1
border-color置或检索对象的边框颜色。1
border-left复合属性。设置对象左边边框的特性。1
border-left-color设置或检索对象的左边边框颜色。1
border-left-style设置或检索对象的左边边框样式。1
border-left-width设置或检索对象的左边边框宽度。1
border-right复合属性。设置对象右边边框的特性。1
border-right-color设置或检索对象的右边边框颜色。1
border-right-style设置或检索对象的右边边框样式。1
border-right-width设置或检索对象的右边边框宽度。1
border-style设置或检索对象的边框样式。1
border-top复合属性。设置对象顶部边框的特性。1
border-top-color设置或检索对象的顶部边框颜色1
border-top-style设置或检索对象的顶部边框样式。1
border-top-width设置或检索对象的顶部边框宽度。1
border-width设置或检索对象的边框宽度。1
border-bottom-left-radius设置或检索对象的左下角圆角边框。提供2个参数,2个参数以空格分隔,每个参数允许设置1个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数3
border-bottom-right-radius设置或检索对象的右下角圆角边框。3
border-image设置或检索对象的边框样式使用图像来填充。3
border-image-outset规定边框图像超过边框的量。3
border-image-repeat规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rounded)。3
border-image-slice规定图像边框的向内偏移。3
border-image-source规定要使用的图像,代替 border-style 属性中设置的边框样式。3
border-image-width规定图像边框的宽度。3
border-radius设置或检索对象使用圆角边框。3
border-top-left-radius定义左上角边框的形状。3
border-top-right-radius定义右上角边框的形状。3
box-shadow向方框添加一个或多个阴影。3

(学习视频分享:css视频教程)

以上就是css设置边框的属性有哪些的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行