枠の形式を指定する
 定義の説明

border-top-style: 形式         上の枠の形式
border-bottom-style:形式       下の枠の形式
border-left-style:形式          左の枠の形式
border-right-style:形式         右の枠の形式
boder-style:形式             上・右・下・左の枠の形式


形式  none・hidden・dotted・dashed・solid・doubie・
     groove・ridge・inset・outset

none

dotted

dashed

solid

droove

ridge

doudle

inset

outset

HTMLソース

<BODY>
<TABLE>
<TR>
<TD width="117" height="50"><P style="border-style: none"><B>
<FONT size="+3">none</FONT></B></P></TD>
<TD width="109" height="50"><P style="border-style: dotted"><B>
<FONT size="+3">dotted</FONT></B></P></TD>
<TD width="98" height="50"><P style="border-style: dashed"><B>
<FONT size="+3">dashed</FONT></B></P></TD>
</TR>
<TR>
<TD width="117" height="51"><P style="border-style: solid"><B>
<FONT size="+3">solid</FONT></B></P></TD>
<TD width="109" height="51"><P style="border-style: groove"><B>
<FONT size="+3">droove</FONT></B></P></TD>
<TD width="98" height="51"><P style="border-style: ridge"><B>
<FONT size="+3">ridge</FONT></B></P></TD>
</TR>
<TR>
<TD width="117" height="50"><P style="border-style: doudle"><B>
<FONT size="+3">doudle</FONT></B></P></TD>
<TD width="109" height="50"><P style="border-style: inset"><B>
<FONT size="+3">inset</FONT></B></P></TD>
<TD width="98" height="50"><P style="border-style: outset"><B>
<FONT size="+3">outset</FONT></B></P></TD>
</TR>
</TABLE>


枠の形式の種類

スタイルシートで設定できる枠の形式は、以下のとおりです。

none 枠の値を表示しない。枠の太さも0に設定され、テーブルのセルの枠同士が重なった場合は、他の値が優先される。
hidden 枠の値を表示しない。枠の太さも0に設定されるが、テーブルのセルn枠同士が重なった場合は、この値が優先される。
dotted 枠を天で表示する。
dashed 枠を点線で表示する。
solid 枠を線で表示する。
double 枠を2本線で表示する。
groove 枠が引っ込んでいるように立体的に表示する。
ridge 枠が出っ張っているように立体的に表示する。
inset ボックス全体が引っ込んでいるように立体的に表示する。
outset ボックス全体が出っ張っているように立体的にひょうじする

</BODY>

お話箱へ戻る