CSS边框border样式缩写
类别:Web前端 浏览量:10900
时间:2013-8-1 CSS边框border样式缩写
CSS边框border样式缩写在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。每个边框有 3 个方面:宽度、样式,以及颜色。
一、边框样式合成
/*边框各属性独立的样式进行CSS压缩合并*/ border-color:#000; border-style:solid; border-width:1px /*可以简写为:*/ border:1px solid #000 /*左边框各属性独立的合并*/ border-left-color:#000; border-left-style:solid; border-left-width:1px /*可以简写为*/ border-left:1px solid #000
二、三边有边框,一边无边框简写缩写
/*上、下、左相同边框样式,右边无边框*/ border-left:1px solid #000; border-top:1px solid #000; border-bottom:1px solid #000; /*简写为:*/ border:1px solid #000;border-right:0
三、附带列出边框border的其它属性
属性 | 描述 |
---|---|
border | 简写属性,用于把针对四个边的属性设置在一个声明。 |
border-style | 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。 |
border-width | 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。 |
border-color | 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。 |
border-bottom | 简写属性,用于把下边框的所有属性设置到一个声明中。 |
border-bottom-color | 设置元素的下边框的颜色。 |
border-bottom-style | 设置元素的下边框的样式。 |
border-bottom-width | 设置元素的下边框的宽度。 |
border-left | 简写属性,用于把左边框的所有属性设置到一个声明中。 |
border-left-color | 设置元素的左边框的颜色。 |
border-left-style | 设置元素的左边框的样式。 |
border-left-width | 设置元素的左边框的宽度。 |
border-right | 简写属性,用于把右边框的所有属性设置到一个声明中。 |
border-right-color | 设置元素的右边框的颜色。 |
border-right-style | 设置元素的右边框的样式。 |
border-right-width | 设置元素的右边框的宽度。 |
border-top | 简写属性,用于把上边框的所有属性设置到一个声明中。 |
border-top-color | 设置元素的上边框的颜色。 |
border-top-style | 设置元素的上边框的样式。 |
border-top-width | 设置元素的上边框的宽度。 |
您可能感兴趣
- css3独有属性(CSS3 calc会计算属性详解)
- css里margin是什么意思(正确理解CSS中的margin合并的用法)
- css画三角形几种方法(利用CSS绘制任意角度的扇形示例代码)
- css复选框按钮(css 单选按钮图标替换的方法)
- CSS3 transition过渡效果
- css3怎么创建圆角(CSS3中border-radius属性设定圆角的使用技巧)
- css垂直居中16个方法(css实现元素垂直居中的常用方法总结)
- css3伸缩布局及使用方法(利用CSS3的flexbox实现水平垂直居中与三列等高布局)
- css动画的性能(你所不知道的 CSS 动画技巧与细节)
- css3边框讲解(六种css3实现的边框过渡效果)
- css设计文本框及按钮样式(CSS仿网易首页的头部菜单栏按钮和三角形制作方法)
- cssdiv边框外发光怎么设置(DIV+CSS实现带三角箭头的提示框)
- css盒子模型有什么用处(深入理解CSS中的盒子模型)
- css3动画效果图(CSS3 三维变形实现立体方块特效源码)
- JavaScript css3实现简单视频弹幕功能(JavaScript css3实现简单视频弹幕功能)
- css 圆角卡片样式(css实现带圆角三角型的示例代码)
- 新闻周刊 青岛网红 赵厂长 编段子一箩筐输出快乐,陪父亲十二载勇斗病魔(新闻周刊青岛网红)
- 44岁夏雨演谋女郎爸,大其24岁却看不出,互动不怕袁泉吃醋(44岁夏雨演谋女郎爸)
- 全椒人,你还记得吗 那年,那人,那网,那些我们的青春记忆(全椒人你还记得吗)
- 全椒人在苏州10周年联谊会在苏州举办(全椒人在苏州10周年联谊会在苏州举办)
- 这个全椒人被通报表彰,看看你认识吗(这个全椒人被通报表彰)
- 全椒人,38年集体回忆 1980-2018 ,看完不要哭(全椒人38年集体回忆)
热门推荐
- windows7mysql服务无法启动(Windows系统下MySQL无法启动的万能解决方法)
- 性能监视器中常用计数器
- jquery中prop和attr的区别
- thinkphp标签详解(thinkphp整合系列之极验滑动验证码geetest功能)
- 阿里云怎么注册用户(怎么注册阿里云帐号)
- php排序代码详解(PHP实现数据四舍五入的方法小结4种方法)
- html5的canvas图形绘制技术(导出HTML5 Canvas图片并上传服务器功能)
- arm堆栈解析程序(浅析ARM架构下的函数的调用过程)
- css基础选择器的语法格式(css -webkit-line-clamp WebKit的CSS扩展WebKit是私有属性)
- dedecms中的有些功能如何修改(织梦DEDECMS中用JS方式调用评论总数的技巧)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9