セル内での位置を指定する
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:下寄せ表示