CSS教程之CSS教程：进修border-style属性

仓酷云

大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
网页制造poluoluo文章简介：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相反
破洛洛提醒:因为border-style的初始值为none,以是除非设置了边框款式,不然边框将没法瞥见.
示例
p#fourborders
{
border-style:dotteddashedsoliddouble;
}
假如界说四个值,那末这四个值就分离是上,右,下,右边框(从上边框入手下手,以顺时针的按次遍历).界说梦之都段落的上边框为点划线,右侧框为虚线,下边框为实线,右边框为双线.
p#threeborders
{
border-style:grooveridgeoutset;
}
假如只界说三个值,两头的值代表左和右侧框.界说梦之都段落的上边框为槽状,下边框为凸出,左,右侧框为脊状.
p#twoborders
{
border-style:nonedashed;
}
假如只界说两个值,后面的值代表高低边框,前面的值代表摆布边框.界说梦之都段落的上,下边框为无款式,左,右侧框为虚线.
p#oneborders
{
border-style:dotted;
}
假如只界说一个值,这个值就代表四个边的.界说梦之都段落的边框为点划线.

一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。