tr要素,th要素,td要素とtext-alignプロパティ

text-alignプロパティはセル内のインライン内容(画像やテキスト)の、水平方向の揃え方を指定します。

値)

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

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

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

例)

<table >
<tr style="text-align: center;"><td style="text-align: left;">1972</td><td>1973</td><td style="text-align: right;">1974</td></tr>
<tr><td>1972</td><td style="text-align: center;">1973</td><td style="text-align: right;">1974</td></tr>
</table>

table要素,text-alignプロパティ,tr要素,th要素,td要素

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

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

text-alignプロパティ

tr要素,th要素,td要素とvertical-alignプロパティ

vertical-alignプロパティはセル内のインライン内容(画像やテキスト)の、垂直方向の揃え方を指定します。

値)

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

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

例)

<table >
<tr style="vertical-align: top;"><td>1972</td><td style="vertical-align: middle;">1973</td><td style="vertical-align: bottom;">1974</td></tr>
<tr><td style="vertical-align: top;">1975</td><td>1976</td><td style="vertical-align: bottom;">1977</td></tr>
</table>

table要素,vertical-alignプロパティ,tr要素,th要素,td要素

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

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

vertical-alignプロパティ


ページトップへ戻る



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


inserted by FC2 system