样式的边框样式

---

实例

设置 4 个边框的样式：

<网页>
<头部>
<样式 类型=“文本/层叠样式表">
段落.点虚线 {边框样式: 点虚线}
段落.虚线 {边框样式: 虚线}
段落.实线 {边框样式: 实线}
段落.双 {边框样式: 双}
段落.槽 {边框样式: 槽}
段落.岭 {边框样式: 岭}
段落.插入 {边框样式: 插入}
段落.起始 {边框样式: 起始}
</样式>
</头部>
<主体>
<段落 类=“点虚线“>点虚线框</段落>
<段落 类=“虚线“>虚线框<换行 / >虚线框</段落>
<段落 类=“实线“>实线框</段落>
<段落 类=“双“>双线框</段落>
<段落 类=“槽“>凹槽框</段落>
<段落 类=“岭“>山脊框</段落>
<段落 类=“插入“>嵌入插入框</段落>
<段落 类=“起始“>开始框</段落>
</主体>
</网页>

---

 

浏览器支持

 

表格中的数字注明了完全支持该属性的首个浏览器版本。

 

属性	谷歌	微软	火狐	苹果	欧朋
边框样式	1.0	4.0	1.0	1.0	3.5

---

 

定义和用法

边框样式 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

只有当这个值不是 没有 时边框才可能出现。

例子 1

边框样式:点虚线 实线 双 虚线; 

• 上边框是点状
• 右边框是实线
• 下边框是双线
• 左边框是虚线

例子 2

边框样式:点虚线 实线 双;

• 上边框是点状
• 右边框和左边框是实线
• 下边框是双线

例子 3

边框样式:点虚线 实线;

• 上边框和下边框是点状
• 右边框和左边框是实线

例子 4

边框样式:点虚线;

• 所有 4 个边框都是点状

默认值：	未规定
继承性：	否
版本：	CSS1（层叠样式表1）
对象脚本 语法：	对象.样式.边框样式="点虚线 双"

---

 

可能的值

值	描述
没有	定义无边框。
隐藏	与 "没有" 相同。不过应用于表时除外，对于表，隐藏 用于解决边框冲突。
点虚线	定义点状边框。在大多数浏览器中呈现为实线。
虚线	定义虚线。在大多数浏览器中呈现为实线。
实线	定义实线。
双	定义双线。双线的宽度等于 边框宽度 的值。
槽	定义 3D 凹槽边框。其效果取决于 边框颜色 的值。
岭	定义 3D 垄状边框。其效果取决于 边框颜色 的值。
插入	定义 3D 插入边框。其效果取决于 边框颜色 的值。
起始	定义 3D 起始边框。其效果取决于 边框颜色 的值。
继承	规定应该从父元素继承边框样式。

描述

最不可预测的边框样式是 双。它定义为两条线的宽度再加上这两条线之间的空间等于 边框宽度 值。不过，层叠样式表 规范并没有说其中一条线是否比另一条粗或者两条线是否应该是一样的粗，也没有指出线之间的空间是否应当比线粗。所有这些都有用户代理决定，创作人员对这个决定没有任何影响。

---

实例

设置每一边的不同边框

本例演示如何在元素的各边设置不同的边框。

<网页>
<头部>
<样式 类型=“文本/层叠样式表">
段落.实心双 {边框样式: 实线 双}
段落.双实心 {边框样式: 双 实线}
段落.凹槽双 {边框样式: 槽 双}
段落.三 {边框样式: 实线 双 槽}
</样式>
</头部>
<主体>
<段落 类=“实心双“>一些文本</段落>
<段落 类=“双实心“>一些文本</段落>
<段落 类=“凹槽双“>一些文本</段落>
<段落 类=“三“>一些文本</段落>
</主体>
</网页>

---

 

---