<p style="text-align: left;">1. 基本的な線</p> <p style="text-align: left;">2. 特殊効果 (効果は分離されておらず、相互に組み合わせることができます)<br>1. 両端のグラデーション透明度:</p> <p style="text-align: left;"><HR style="FILTER: alpha(opacity=100, finishopacity=0,style= 3)" width="80%" color=#987cb9 SIZE=3></p> <p style="text-align: left;">2.スピンドル形状: </p> <p style="text-align: left;"><HR style="FILTER: alpha(opacity=100,finishopacity=0, style=2)" width ="80%" color=#987cb9 SIZE=10></p> <p style="text-align: left;">3. 右側のグラデーションは透明です: </p> <p style="text-align: left;"><HR style="FILTER: alpha(opacity=100,finishopacity=0,style) =1)" width="80 %" color=#987cb9 SIZE=3></p> <p style="text-align: left;">4. 左側のグラデーションは透明です: </p> <p style="text-align: left;"><HR style="FILTER: alpha(opacity=0,finishopacity=100,style= 1)" width="80%" color =#987cb9 SIZE=3></p> <p style="text-align: left;">5. 破線: </p> <p style="text-align: left;"><HR style="border:1 破線 #987cb9" width="80%" color=#987cb9 SIZE =1></p> <p style="text-align: left;">6. 二重線: </p> <p style="text-align: left;"><HR style="border:3 double #987cb9" width="80%" color=#987cb9 SIZE=3></p> <p style="text-align: left;">7. 立体感: </p> <p style="text-align: left;"> <HR style="FILTER: progid:DXImageTransform.Microsoft .Shadow(color:#987cb9,direction:145,strength:15)" width="80%" color=#987cb9 SIZE=1></p> <p style="text-align: left;">8.効果: </p> <p style="text-align: left;"><HR style="FILTER: progid :DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1></p> <p style="text-align: left;">9.垂直分割線</p> <p style="text-align: left;"><table border="1px" cellpadding="0" cellpacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right- style:none;border-top-style:none"></p> <p style="text-align: left;"><br><HR align=center width=300 color=#987cb9 SIZE=1><br>線の位置を揃える (オプションの左、右、中央); width 線の長さ; 色 サイズ 厚さ </p> <p style="text-align: left;"> (Mozilla Firefox はまだサポートしていません) </p>