超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap

■ 行の属性

<table> タグでさまざまなプロパティを指定したように、<tr> タグにもいくつかのプロパティがあります。<tr> タグにプロパティを指定すれば、一行毎に属性を決めることができます。

タグ名プロパティ説明
<tr>〜</tr>bgcolor#rrggbb背景色を指定。rr、gg、bb は 00〜ff
カラーネームred、green、blue など
alignleftテキストの位置、左(デフォルト)
center中央
right
valigntopテキストの位置、上
middle中央(デフォルト)
bottom

◆行の背景色を指定する

bgcolor 属性を使えば、一行毎に背景色を指定することができます。

<table border>
<tr bgcolor="#ffccff"><td>04.</td><td>LOVE 〜Destiny〜</td></tr>
<tr bgcolor="fuchsia"><td>05.</td><td>TO BE</td></tr>
<tr bgcolor="red"><td>06.</td><td>Boys & Girls</td></tr>
</table>

04.LOVE 〜Destiny〜
05.TO BE
06.Boys & Girls


◆テキストの位置を指定する

align 属性でセルの中のテキストの横位置、 valign 属性でテキストの縦位置を一行毎に指定します。

<table border width="300" height="200">
<tr align="left" valign="top"><td>左/上</td><td>左/上</td></tr>
<tr align="center" valign="middle"><td>中央/中央</td><td>中央/中央</td></tr>
<tr align="right" valign="bottom"><td>右/下</td><td>右/下</td></tr>
</table>

左/上左/上
中央/中央中央/中央
右/下右/下