text-align:***; vertical-align:***;
text-align: ***;は文字の水平方向の表示位置を指定、vertical-align: ***;は文字の垂直方向の表示位置を指定するプロパティです。
td、th要素に設定をすると、セル内での文字の表示位置を指定することができます。
▼CSS
td{
text-align: center;
vertical-align: top;
width:100%;
height:300px;
}
▼HTML
<table>
<tr>
<td>見出し</td>
</tr>
<tr>
<td>セルの中は文字が水平方向に中央、垂直方向に上辺に寄せて設定されています。</td>
</tr>
</table>
▼表示
見出し |
セルの中は文字が 水平方向に中央、垂直方向に上辺に寄せて設定されています。 |
可能な設定は以下です。
text-align: | center | 文字寄せを中央寄せとします。 |
---|---|---|
left | 文字寄せを左寄せとします。 | |
right | 文字寄せを右寄せとします。 | |
vertical-align: | baseline | 行の一番低いラインに合わせて揃えます。 |
top | セルの上辺に寄せて表示します。 | |
middle | セルの垂直中央に表示します。 | |
bottom | セルの下辺に寄せて表示します。 |