网页排版CSS教学(33) <DIV><SPAN class=e>支 持:</SPAN><SPAN class=b>IE4、NC4</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>thin {1,4}</TD><TD class=d width=350>统一的绝对单位,因浏览器而异</TD></TR><TR><TD class=c width=150>medium {1,4}</TD><TD class=d width=350>统一的绝对单位,因浏览器而异</TD></TR><TR><TD class=c width=150>thick {1,4}</TD><TD class=d width=350>统一的绝对单位,因浏览器而异</TD></TR><TR><TD class=c width=150><length> {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-width : 4pt 3pt 2pt 1pt }<BR><SPAN class=ex>同轴范例:</SPAN><DIV style="border-width:4pt 3pt 2pt 1pt"></DIV> 要附带说明的是,如果指定了四个合法设定值,则会依序套用于四个边框;如果只 有指定一个合法设订值,则会统一套用于四个边框;若只有指定二或三个合法设定值,则 未指定的边框会套用对边的宽度设定值。 </DIV><CENTER><TABLE cellSpacing=0 cellPadding=0 width=550 border=0><TBODY><TR><TD class=b width=275 height=20><SPAN class=p>DIV { border-width: 2pt }</SPAN></TD><TD class=b width=275 height=20><SPAN class=p>→top=2pt;right=2pt;bottom=2pt;left=2pt</SPAN></TD></TR><TR><TD class=b width=275 height=20><SPAN class=p>DIV { border-width: 2pt 3pt }</SPAN></TD><TD class=b width=275 height=20><SPAN class=p>→top=2pt;right=3pt;bottom=2pt;left=3pt</SPAN></TD></TR>