CSS教程:学习border-style属性
来源:互联网 发布:代办网络经营许可证 编辑:程序博客网 时间:2024/06/10 01:27
网页制作Webjx文章简介:border-style -- 定义边框的样式.
border-style -- 定义边框的样式
取值:{1,4} | inherit {1,4}:
边框样式 inherit: 继承 初始值: none 继承性: 否 适用于: 所有元素 border:边框,style:样式
border-style和border-width的赋值方式是一样的,可以分别赋1,2,3或4个边的样式.
border-style的取值 none: 无样式 hidden:
除了同表格的边框发生冲突的时候,其它同none dotted:
点划线 dashed:
虚线 solid: 实线
double: 双线,两条线加上中间的空白等于border-width的取值 g
roove: 槽状 ridge: 脊状,和groove相反 inset: 凹陷 outset:凸出,和inset相反网页教学网提示:
由于border-style的初始值为none,所以除非设置了边框样式,否则边框将无法看见. 示例 p#fourborders { border-style:dotted dashed solid double; }
如果定义四个值,那么这四个值就分别是上,右,下,左边框(从上边框开始,以顺时针的顺序遍历).
定义梦之都段落的上边框为点划线,右边框为虚线,下边框为实线,左边框为双线.
p#threeborders { border-style:groove ridge outset; }
如果只定义三个值,中间的值代表左和右边框.定义梦之都段落的上边框为槽状,下边框为凸出,左,右边框为脊状.
p#twoborders { border-style:none dashed; }
如果只定义两个值,前面的值代表上下边框,后面的值代表左右边框.定义梦之都段落的上,下边框为无样式,左,右边框为虚线. p#oneborders { border-style:dotted; }
如果只定义一个值,这个值就代表四个边的.定义梦之都段落的边框为点划线.
- CSS教程:学习border-style属性
- CSS border-style 属性
- CSS border-style 属性
- CSS border-style 属性查询
- CSS中border-style的属性
- CSS border-style 属性
- css的border-style
- css border-style三角
- css border-style
- 【自学笔记】css 各类边框样式 属性border-style
- CSS border边框属性教程 CSS 边框即CSS
- CSS样式查询 border-style
- css中的border属性
- CSS border 属性
- CSS border-collapse 属性
- CSS border-width 属性
- 重温CSS:Border属性
- 理解css border属性
- 工作总结
- InvocationTargetException(Bean没有注入) 和 spring初始化构造函数
- AutoResultMap的问题
- windows2003下数据执行保护关闭java
- 环境变量的作用范围
- CSS教程:学习border-style属性
- 大学生看完一分钟,受益一生很经典
- 贪吃蛇结束条件分析
- 比较不错的算法网站
- 堆和栈的区别
- <jsp:directive.page import 用法
- 贪吃蛇蛇移动代码keil+c+proteus实现
- 字符串匹配-Horpool算法
- 北大ACM-题型分类(转载)