小白教程
所有教程
关于
Search
172.70.127.153
172.70.127.153
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Pr border style”的源代码
本页内容
上一节:
Pr_border_right_width
下一节:
Pr_border_top
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:border-style}}[[Category:css reference|62]] = CSS border-style 属性 = 设置四个边框的样式: <sample title="" desc="" lang="html" hererun="1"> p { border-style:solid; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> p.none {border-style:none;} p.dotted {border-style:dotted;} p.dashed {border-style:dashed;} p.solid {border-style:solid;} p.double {border-style:double;} p.groove {border-style:groove;} p.ridge {border-style:ridge;} p.inset {border-style:inset;} p.outset {border-style:outset;} p.hidden {border-style:hidden;} p.mix {border-style: dotted dashed solid double;} </style> </head> <body> <p class="none">无边框。</p> <p class="dotted">虚线边框。</p> <p class="dashed">虚线边框。</p> <p class="solid">实线边框。</p> <p class="double">双边框。</p> <p class="groove"> 凹槽边框。</p> <p class="ridge">垄状边框。</p> <p class="inset">嵌入边框。</p> <p class="outset">外凸边框。</p> <p class="hidden">隐藏边框。</p> <p class="mix">混合边框</p> </body> </html> </run> 本页底部可以查看更多实例。 == 属性定义及使用说明 == border-style属性设置一个元素的四个边框的样式。此属性可以有一到四个值。 实例: '''border-style:dotted solid double dashed;''' * 上边框是点状 * 右边框是实线 * 下边框是双线 * 左边框是虚线 '''border-style:dotted solid double;''' * 上边框是点状 * 右边框和左边框是实线 * 下边框是双线 '''border-style:dotted solid;''' * 上边框和下边框是点状 * 右边框和左边框是实线 '''border-style:dotted;''' * 所有4个边框都是点状 {| class="table table-striped table-hover" | 默认值: | not specified |- | 继承: | no |- | 版本: | CSS1 |- | JavaScript 语法: | object object.style.borderStyle="dotted double" |} == 浏览器支持 == 表格中的数字表示支持该属性的第一个浏览器版本号。 {| class="table table-striped table-hover" ! 属性 ! Chrome ! Internet Explorer / Edge ! Firefox ! Safari ! Opera |- | border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |} == 属性值 == {| class="table table-striped table-hover" ! 值 ! 描述 |- | none | 定义无边框。 |- | hidden | 与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。 |- | dotted | 定义点状边框。在大多数浏览器中呈现为实线。 |- | dashed | 定义虚线。在大多数浏览器中呈现为实线。 |- | solid | 定义实线。 |- | double | 定义双线。双线的宽度等于 border-width 的值。 |- | groove | 定义 3D 凹槽边框。其效果取决于 border-color 的值。 |- | ridge | 定义 3D 垄状边框。其效果取决于 border-color 的值。 |- | inset | 定义 3D inset 边框。其效果取决于 border-color 的值。 |- | outset | 定义 3D outset 边框。其效果取决于 border-color 的值。 |- | inherit | 规定应该从父元素继承边框样式。 |} == 在线实例 == [[try.php?filename=trycss_border style2|每边设置不同的边框]] 本例演示如何在元素的各边设置不同的边框。 == 相关文章 == CSS 教程: [[css border|CSS Border]]
返回至“
Pr border style
”。
上一节:
Pr_border_right_width
下一节:
Pr_border_top