セル内での位置を指定する

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<table border="1">
 <tr>
  <td align="left" valign="top">○</td>
  <td align="left" valign="middle">×</td>
  <td align="left" valign="bottom">○</td>
 </tr>
 <tr>
  <td align="center" valign="top">×</td>
  <td align="center" valign="middle">○</td>
  <td align="center" valign="bottom">×</td>
 </tr>
 <tr>
  <td align="right" valign="top">○</td>
  <td align="right" valign="middle">×</td>
  <td align="right" valign="bottom">×</td>
 </tr>
</table>
</body>
</html>

表示サンプル

○	×	○
×	○	×
○	×	×

注）サンプルは見やすくするためにセルの大きさを60×60に指定しています。

解説

例のようにセル内での表示位置を指定することができます。指定方法は以下の通りです。

水平方向の位置指定

left：左寄せ表示
center：中央寄せ表示
right：右寄せ表示

垂直方向の位置指定

top：上寄せ表示
middle：中央寄せ表示
bottom：下寄せ表示