CSS border-style 属性
来源:互联网 发布:淘宝下载安装2017官方 编辑:程序博客网 时间:2024/03/29 01:51
CSS 参考手册
定义和用法
border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。
只有当这个值不是 none 时边框才可能出现。
例子 1
border-style:dotted solid double dashed;
- 上边框是点状
- 右边框是实线
- 下边框是双线
- 左边框是虚线
例子 2
border-style:dotted solid double;
- 上边框是点状
- 右边框和左边框是实线
- 下边框是双线
例子 3
border-style:dotted solid;
- 上边框和下边框是点状
- 右边框和左边框是实线
例子 4
border-style:dotted;
- 所有 4 个边框都是点状
实例
设置 4 个边框的样式:
p { border-style:solid;
}
TIY
浏览器支持
所有浏览器都支持 border-style 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit" 或 "hidden"。
可能的值
描述
最不可预测的边框样式是 double。它定义为两条线的宽度再加上这两条线之间的空间等于 border-width 值。不过,CSS 规范并没有说其中一条线是否比另一条粗或者两条线是否应该是一样的粗,也没有指出线之间的空间是否应当比线粗。所有这些都有用户代理决定,创作人员对这个决定没有任何影响。
TIY 实例
- 设置四边框样式
- 本例演示如何设置四边框样式。
- 设置每一边的不同边框
- 本例演示如何在元素的各边设置不同的边框。
相关页面
CSS 教程:CSS 边框
HTML DOM 参考手册:borderStyle 属性
0 0
- 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-style
- css中的border属性
- CSS border 属性
- CSS border-collapse 属性
- CSS border-width 属性
- 重温CSS:Border属性
- 理解css border属性
- CSS border-collapse 属性
- 使用Watin做Web UI Automation Test
- class _declspec(dllexport) class_name与class _declspec(dllimport) class_name的配套使用
- 分享30个最佳 jQuery Lightbox 效果插件
- 优先队列
- #pragma预处理命令的使用
- CSS border-style 属性
- MySQL基础知识
- linux 常用命令2
- android:gravity / android:layout_Gravity,android:padding / android:layout_margin属性区分
- Ubuntu下安装VNC server
- ASP.NET MVC 部分视图
- c++学习日记之使用类来模拟随机漫步
- 大数据理解
- 智联招聘中申请职位之后你根本不知道你申请的职位是啥,而且不想说...