space
テクニック:枠線の型式を指定する
 
space

スタイルシートを使って枠線を描画するときは、まず最初に枠線の形式を指定しなければいけません。この指定にはスタイルシート「border-style:」を使用します。「border-style:」に指定できる値は、通常の枠線である「solid」や立体枠線「outset」など、いくつかの種類が用意されています。

 

この枠線の形式は「solid」です。

この枠線の形式は「double」です。

この枠線の形式は「dashed」です。

この枠線の形式は「dotted」です。

この枠線の形式は「groove」です。

この枠線の形式は「ridge」です。

この枠線の形式は「inset」です。

この枠線の形式は「outset」です。

この枠線の形式は「none」です(初期値、枠線は表示されません)。

この枠線の形式は「hidden」です(枠線は表示されません)。

 
▼Source

<DIV align="center">
< P style="border-style:solid">
この枠線の形式は<B>「solid」</B>です。
< /P>
< P style="border-style:double">
この枠線の形式は<B>「double」</B>です。
< /P>
< P style="border-style:dashed">
この枠線の形式は<B>「dashed」</B>です。
< /P>
< P style="border-style:dotted">
この枠線の形式は<B>「dotted」</B>です。
< /P>
< P style="border-style:groove">
この枠線の形式は<B>「groove」</B>です。
< /P>
< P style="border-style:ridge">
この枠線の形式は<B>「ridge」</B>です。
< /P>
< P style="border-style:inset">
この枠線の形式は<B>「inset」</B>です。
< /P>
< P style="border-style:outset">
この枠線の形式は<B>「outset」</B>です。
< /P>
< P style="border-style:none">
この枠線の形式は<B>「none」</B>です(初期値、枠線は表示されません)。
< /P>
< P style="border-style:hidden">
この枠線の形式は<B>「hidden」</B>です(枠線は表示されません)。
< /P>
< /DIV>

return