p.aside {border-style: solid dotted dashed double;}
上面这条规则为类名为 aside 的段落定义了四种边框样式:实线上边框、点线右边框、虚线下边框和一个双线左边框。这里的值采用了 top-right-bottom-left 的顺序。
边框样式值如下:
none :无边框。与任何指定的border-width值无关
hidden :隐藏边框。IE不支持
dotted :在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
dashed :在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
solid :实线边框(常用)
double :双线边框。两条单线与其间隔的和等于指定的border-width值
groove :根据border-color的值画3D凹槽
ridge :根据border-color的值画菱形边框
inset :根据border-color的值画3D凹边
outset :根据border-color的值画3D凸边
CSS 定义单边样式
如果您希望为元素框的某一个边设置边框样式,而不是设置所有 4 个边的边框样式,可以使用下面的单边边框样式属性:border-top-style、border-right-style、border-bottom-style、border-left-style
因此这两种方法是等价的:
p {border-style: solid solid solid none;}
p {border-style: solid; border-left-style: none;}
注意