日期:2014-01-24  浏览次数:21081 次

网页制造aiyiweb文章简介: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:dotted dashed solid double;
}
如果定义四个值,那么这四个值就分别是上,右,下,左边框(从上边框开始,以顺时针的顺序遍历).定义梦之都段落的上边框为点划线,左边框为虚线,下边框为实线,左边框为双线.

p#threeborders
{
 border-style:groove ridge outset;
}
如果只定义三个值,两头的值代表左和左边框.定义梦之都段落的上边框为槽状,下边框为凸出,左,左边框为脊状.

p#twoborders
{
 border-style:none dashed;
}
如果只定义两个值,前面的值代表上下边框,后面的值代表左左边框.定义梦之都段落的上,下边框为无款式,左,左边框为虚线.

p#oneborders
{
 border-style:dotted;
}
如果只定义一个值,这个值就代表四个边的.定义梦之都段落的边框为点划线.