TOP - CSS1(Cascading Style Sheets, level 1) - border-style

要素のボーダーの線種を指定します。
デフォルトは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>


Copyright(C) 2006-2011 CLAYPOT. All Rights Reserved.