|
网页排版CSS教学(37) <DIV><SPAN class=e>支 持：</SPAN><SPAN class=b>ＩＥ４、ＮＣ４</SPAN><BR><SPAN class=e>适 用：</SPAN><SPAN class=b>区块元素</SPAN><BR><SPAN class=e>可能值：</SPAN><SPAN class=b>依序设定top,right,bottom,left的边框样式</SPAN>
<TABLE cellSpacing=0 cellPadding=2 width=500 border=1>
<TBODY>
<TR>
<TD class=c width=150>none {1,4}</TD>
<TD class=d width=350>不显示边框</TD></TR>
<TR>
<TD class=c width=150>dotted {1,4}</TD>
<TD class=d width=350>虚线（ＩＥ４、ＮＣ４浏览器当作实线）</TD></TR>
<TR>
<TD class=c width=150>dashed {1,4}</TD>
<TD class=d width=350>短直线（ＩＥ４、ＮＣ４浏览器当作实线）</TD></TR>
<TR>
<TD class=c width=150>solid {1,4}</TD>
<TD class=d width=350>实线</TD></TR>
<TR>
<TD class=c width=150>double {1,4}</TD>
<TD class=d width=350>双直线</TD></TR>
<TR>
<TD class=c width=150>ridge {1,4}</TD>
<TD class=d width=350>３Ｄ凸线</TD></TR>
<TR>
<TD class=c width=150>groove {1,4}</TD>
<TD class=d width=350>３Ｄ凹线</TD></TR>
<TR>
<TD class=c width=150>outset {1,4}</TD>
<TD class=d width=350>３Ｄ隆起（ＩＥ４不显示）</TD></TR>
<TR>
<TD class=c width=150>inset {1,4}</TD>
<TD class=d width=350>３Ｄ嵌入（ＩＥ４不显示）</TD></TR></TBODY></TABLE><SPAN class=e>预设值：</SPAN><SPAN class=b>无</SPAN><BR><SPAN class=e>继承性：</SPAN><SPAN class=b>无</SPAN><BR>
<DIV class=ex><SPAN class=ex>一般范例：</SPAN>DIV { border-style : ridge groove outset inset }<BR><SPAN class=ex>同轴范例：</SPAN><DIV style="border-style:ridge groove outset inset"></DIV> 要附带说明的是，如果指定了四个合法设定值，则会依序套用于四个边框；如果只 有指定一个合法设订值，则会统一套用于四个边框；若只有指定二或三个合法设定值，则 未指定的边框会套用对边的样式设定值。 </DIV>
|
