セル内の文字位置セルの大きさ セル内の余白自動改行の禁止 テーブルcss ﾘﾌｧﾚﾝｽ へ
セル内の文字の位置を指定する(CSS)
text-align: center; vertical-align: top;
　text-align はブロックレベル要素（ひとつのまとまりを構成する要素）に、vertical-align は img要素、td要素、th要素、iframe要素に適用できます。
　text-align は水平方向、 vertical-align は垂直方向の揃え方を指定するプロパティです。このプロパティを<td>タグ（要素）、<th>タグ（要素）に設定すると、セル内の文字の表示位置を指定できます。
　td, th { text-align: center; vertical-align: middle; }
プロパティ名値説　　明
text-align
（水平方向）		 left左寄せで表示
center中央寄せで表示
right右寄せで表示
justify両端揃えで表示
vertical-align
（垂直方向）		 baseline1行目をベースラインで揃える
top上揃えで表示
middle中央揃えで表示
bottom下揃えで表示
　★ 使用例とブラウザでの表示 (g3-1)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .g3-1wi td, .g3-1wi th { width: 100px; height: 50px; }
.g3-1le { text-align: left; }   .g3-1ce { text-align: center; }
.g3-1ri { text-align: right; }  .g3-1to { vertical-align: top; }
.g3-1mi { vertical-align: middle; }  .g3-1bo { vertical-align: bottom; }
使用例   <table border=1 class=g3-1wi>
<tr><td>標準</td><td class=g3-1le>左寄せ</td>
<td class=g3-1ce>中央寄せ</td><td class=g3-1ri>右寄せ</td></tr>
</table>
ブラウザ
の表示
標準左寄せ 中央寄せ右寄せ

使用例 <table border=1 class=g3-1wi>
<tr><td>標準</td><td class=g3-1to>上揃え</td>
<td class=g3-1mi>中央揃え</td><td class=g3-1bo>下揃え</td></tr>
</table>
ブラウザ
の表示
標準上揃え 中央揃え下揃え

使用例 <table border=1 class=g3-1wi>
<tr><td>標準</td><td class="g3-1le g3-1to">左･上</td>
<td class="g3-1ce g3-1mi">中央部</td>
<td class="g3-1ri g3-1bo">右･下</td></tr>
</table>
ブラウザ
の表示
標準左･上 中央部右･下

☆ スタイルシート名（.g3-1wi）に続けて要素名（td,th）を記述した場合は、
親要素（この例では<table>）に使用するスタイルシート名を指定します。
関連するページ
HTML タグページ セル内の文字位置：セル内の文字位置を指定する
セル内の文字位置セルの大きさ セル内の余白自動改行の禁止 テーブルcss ﾘﾌｧﾚﾝｽ へ
セルの大きさ（幅と高さ）を指定する(CSS)
width: *px; height: *px;
　width と height は、全てのタグ（要素）に適用できます。ただし、width は非置換インライン要素、tr要素、thead要素、tfoot要素、tbody要素には適用できません。また、height は非置換インライン要素、colgroup要素、col要素には適用できません。
　width は横幅を、height は高さを指定するプロパティです。このプロパティを<td>タグ（要素）、<th>タグ（要素）に設定すると、セルの大きさを指定できます。
　＊ <tr>タグ（要素）に height を設定すると、行の高さを指定できます。
　td, th { width: 100px; height: 50px; }
プロパティ名値説　　明
width 数値＋単位（px 等）
or パーセント		 セルの横幅を指定（初期値は auto）
height セルの高さを指定（初期値は auto）
　★ 使用例とブラウザでの表示 (g3-2)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .g3-2wid { width: 160px; }   .g3-2hei { height: 60px; }
使　用　例   ブラウザの表示
<table border=1>
<tr><th>見出しセル1</th>
<th class=g3-2wid>見出しセル2</th></tr>
<tr class=g3-2hei><td>データセル1</td>
<td>データセル2</td></tr>
</table>
見出しセル1見出しセル2
データセル1データセル2
関連するページ
HTML タグページ セルの幅と高さ：セルの大きさ（幅と高さ）を指定する
セル内の文字位置セルの大きさ セル内の余白自動改行の禁止 テーブルcss ﾘﾌｧﾚﾝｽ へ
セル内の余白を指定する(CSS)
padding: ***;
　このプロパティは、全てのタグ（要素）に適用できます。ただし、tr要素、thead要素、tfoot要素、tbody要素、col要素、colgroup要素には適用できません。
　padding は、上下左右のパディング（内側の余白）をまとめて指定するプロパティです。このプロパティを<td>タグ（要素）、<th>タグ（要素）に設定すると、セル内の余白を指定できます。
　td, th { padding: 4px 8px; }
プロパティ名値説　　明
padding 数値＋単位（px 等） or パーセント パディングの大きさを指定
　【指定方法】
　次の４タイプの指定方法があります。それぞれの値は、半角スペースで区切ります。
① padding: 2px; … 「上下左右」をまとめて指定
② padding: 2px 3px; … 「上下」と「左右」を指定
③ padding: 2px 3px 4px; … 「上」､「左右」､「下」を指定
④ padding: 2px 3px 4px 5px; … 「上」､「右」､「下」､「左」を指定（時計回り）
　★ 使用例とブラウザでの表示 (g3-3)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .g3-3ex td { padding: 10px; border: 2px teal solid; }
.g3-3ex, .g3-3ex th { border: 1px blue solid; }
使　用　例   ブラウザの表示
<table class="g3-3ex" border=1>
<tr><th>見出しセル1</th><th>見出しセル2</th></tr>
<tr><td>データセル1</td><td>データセル2</td></tr>
</table>
見出しセル1見出しセル2
データセル1データセル2
☆ スタイルシート名（.g3-3ex）に続けて要素名（td,th）を記述した場合は、親要素（この例では<table>）に
使用するスタイルシート名を指定します。
関連するページ
HTML タグページ セルの余白：セル内のパディング（余白）を指定する
セル内の文字位置セルの大きさ セル内の余白自動改行の禁止 テーブルcss ﾘﾌｧﾚﾝｽ へ
セル内での自動改行を禁止する(CSS)
white-space: nowrap;
　white-space は、全てのタグ（要素）に適用できます。
　white-space は、空白類文字（改行、半角スペース、タブ）の扱いを指定するプロパティです。このプロパティ（値 nowrap）を<td>タグ（要素）、<th>タグ（要素）に設定すると、セル内の「自動折り返し」を禁止することができます。
　td, th { white-space: nowrap; }
プロパティ名値説　　明
white-space normal自動折り返しする（初期値）
nowrap 自動折り返しを禁止する
　★ 使用例とブラウザでの表示 (g3-4)スタイルシートの書き方（基本）は、こちら です。
設定例 ： .g3-4ex { border: 2px gray solid; }
.g3-4ex1 { white-space: normal; border: 2px blue solid; }
.g3-4ex2 { white-space: nowrap; border: 2px teal solid; }
使　用　例   ブラウザの表示
<table class=g3-4ex width=270 border=1>
<tr><td class=g3-4ex1>データセル1：normal</td>
<td class=g3-4ex2>データセル2：nowrap</td></tr>
</table>
データセル1：normal データセル2：nowrap
関連するページ
HTML タグページ 自動改行禁止：セル内での自動改行を禁止する
セル内の文字位置セルの大きさ セル内の余白自動改行の禁止 テーブルcss ﾘﾌｧﾚﾝｽ へ