tr要素,th要素,td要素とalign属性

セル内のインライン内容(画像やテキスト)の、水平方向の揃え方を指定します。

値)

■ tr要素に指定
指定した行すべてのセルの内容に揃え方を指定します。行揃えの初期値はleftです。

■ th要素に指定
セルの内容に揃え方を指定します。th要素は見出を定義するセルなので初期値はcenterです。

■ td要素に指定
セルの内容に揃え方を指定します。初期値はleftです。

例)

<table >
<tr align="center"><td align="left">1972</td><td>1973</td><td align="right">1974</td></tr>
<tr><td>1972</td><td align="center">1973</td><td align="right">1974</td></tr>
</table>

table要素,align属性,tr要素,th要素,td要素

※tr要素の指定はtd要素の指定に上書きされ表示されます。

※table要素にwidht: 300px;、td要素にborder: 1px solid #c0c0c0;を指定。

※代替指定
align属性はスタイルシートのtext-alignプロパティで代替指定できます。

例)

text-align: center;

tr要素,th要素,td要素とvalign属性(非推奨)

セル内のインライン内容(画像やテキスト)の、垂直方向の揃え方を指定します。

値)

■ tr要素に指定
指定した行すべてのセルの内容に揃え方を指定します。行揃えの初期値はmiddleです。

■ th要素、td要素に指定
セルの内容に揃え方を指定します。初期値はmiddleです。

例)

<table >
<tr valign="top"><td>1972</td><td valign="middle">1973</td><td valign="bottom">1974</td></tr>
<tr><td valign="top">1975</td><td>1976</td><td valign="bottom">1977</td></tr>
</table>

table要素,valign属性,tr要素,th要素,td要素

※tr要素の指定はtd要素の指定に上書きされ表示されます。

※table要素にwidht: 300px;、td要素にborder: 1px solid #c0c0c0;height: 80px;を指定。

※代替指定
valign属性はスタイルシートのvertical-alignプロパティで代替指定する事が推奨されています。

例)

vertical-align: top;


ページトップへ戻る



RAWで撮ろうLife with a cameraLife with a camera 2


inserted by FC2 system