• 技术文章 >web前端 >前端问答

    CSS中边框属性有哪些

    青灯夜游青灯夜游2021-12-09 11:40:27原创922

    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边框属性允许你指定一个元素边框的样式和颜色。

    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

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

    以上就是CSS中边框属性有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS 边框属性
    上一篇:css中通配符是什么意思 下一篇:取消超链接下划线的CSS样式声明语句是什么
    Web大前端开发直播班

    相关文章推荐

    • css怎样消除表格间的空格• css如何将背景图居中• css怎样设置一半背景• css3的伪类有哪些• css背景样式都包含哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网