お洒落と雑貨&Handmadeの部屋

ラインの装飾



【いろいろな線】  ※幅を指定しない場合はページ幅にあわせて表示されます。

◆水平線 <hr>


◆水平線の影を消す <hr noshade>


◆色指定 <hr color="色">


◆幅指定 <hr width="横幅">  ※ここでは横幅を250にしてあります


◆太さ指定 <hr size="太さ">

サイズ1

さいず8


◆幅と太さを指定 <hr width="横幅" size="太さ">
幅200太さ3
幅400太さ9


◆左揃え <hr width="横幅" align="left">  


◆中央揃え <hr width="横幅" align="center">


◆右揃え <hr width="横幅" align="right">



◆両端が薄くなる線 <hr style="border-style:solid;color:色;filter:alpha(opacity=90,style=3)">



solid



double



outset



ridge



groove



inset



dotted


dashed





◆枠表示のいろいろ 

hsides:上下にのみ表示する

↓↓↓コピペ↓↓↓
<table><tr><td><table width="200" height="50" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000" frame="hsides"></td></tr></table>



above:上にのみ表示する

↓↓↓コピペ↓↓↓
<table><tr><td><table width="200" height="50" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000" frame="above"></td></tr></table>



below:下にのみ表示する

↓↓↓コピペ↓↓↓
<table><tr><td><table width="200" <height="50" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000" frame="below"></td></tr></table>



lhs:左にのみ表示する

↓↓↓コピペ↓↓↓
<table><tr><td><table width="200" height="50" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000" frame="lhs"></td></tr></table>



rhs:右にのみ表示する

↓↓↓コピペ↓↓↓
<table><tr><td><table width="200" height="50" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000" frame="rhs"></td></tr></table>



vsides:左右にのみ表示する

↓↓↓コピペ↓↓↓
<table><tr><td><table width="200" height="50" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000" frame="vsides"></td></tr></table>



box:周り全てを表示する

↓↓↓コピペ↓↓↓
<table><tr><td><table width="200" height="50" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000" frame="box"></td></tr></table>



void :外枠を表示しない

↓↓↓コピペ↓↓↓
<table><tr><td><table width="200" height="50" border="1" cellspacing="1" cellpadding="1" bordercolor="#000000" frame="void"></td></tr></table>    


© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: