本文所分享的知识点是【CSS border-style 属性使用方法】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
CSS border-style 属性使用方法
border-style -- 定义边框的样式
取值:<border-style>{1,4} | inherit
<border-style>{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的取值
groove: 槽状
ridge: 脊状,和groove相反
inset: 凹陷
outset:凸出,和inset相反
我爱IT技术网提示: 由于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里的属性...
答：double 定义双线。双线的宽度等于 border-width 的值。 groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。 ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。 inset 定义 3D inset 边框。其效果取决于 border-color 的值。 o... >>详细
相关问题：css中border的属性
答：border:1px solid #000; 可同时设置上右下左的边框的样式宽度及颜色 border-style:solid; 设置上右下左边框的样式 border-width:1px 2px 3px 4px; 设置上右下左边框的宽度 border-color:#000; 设置上右下左边框的颜色 border-top:1px solid #000... >>详细
相关问题：css里的 border和clear 的属性怎么用？
答：通过border很容易就绘制出一条实线了，并且减少了图片下载所占用的网络资源，使得页面载入速度变得更快。另一个要说明的就是clear:both，表示清除左、右所有的浮动 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-