Last Update 2007/01/16
TOP - CSS1(Cascading Style Sheets, level 1) - border-style
要素のボーダーの線種を指定します。
デフォルトはnoneです。
デフォルトはnoneです。
設定値
none : 無し
dotted : 点線
dashed : 破線
solid : 実線
double : 二重線
groove : 溝型線(3D)
ridge : 山型線(3D)
inset : タグの領域全体が1層下がり(3D)
outset : タグの領域全体が1層上がり(3D)
(例)
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<TITLE>テスト</TITLE>
<STYLE type="text/css">
<!--
.test1 {font: 24pt monospace; border-style: none; border-width: thick}
.test2 {font: 24pt monospace; border-style: dotted; border-width: thick}
.test3 {font: 24pt monospace; border-style: dashed; border-width: thick}
.test4 {font: 24pt monospace; border-style: solid; border-width: thick}
.test5 {font: 24pt monospace; border-style: double; border-width: thick}
.test6 {font: 24pt monospace; border-style: groove; border-width: thick}
.test7 {font: 24pt monospace; border-style: ridge; border-width: thick}
.test8 {font: 24pt monospace; border-style: inset; border-width: thick}
.test9 {font: 24pt monospace; border-style: outset; border-width: thick}
-->
</STYLE>
</HEAD>
<BODY>
<P><SPAN class="test1">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test2">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test3">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test4">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test5">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test6">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test7">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test8">abcde あいうえお</SPAN></P>
<BR>
<P><SPAN class="test9">abcde あいうえお</SPAN></P>
</BODY>
</HTML>