テーブル関連プロパティの値（CSS）
table-layout
| 値（パラメータ） | 内容 |
|---|---|
| auto | 自動レイアウト（初期値） 表全体を読み込んでから表示します |
| fixed | 固定レイアウト 表の1行目を読み込んだ時点でレイアウトが決定し、 すぐに表示を開始します 表の幅（width）を指定しておく必要があります |
| 入力例 | table-layout: fixed; |
サンプルコード（CSS別記）
/*CSSコード*/
.table-layout {
table-layout: fixed;
width: 600px;
border: 2px #0000ff solid;
}
.table-layout th,.table-layout td {
width: 50%;
border: 2px #0000ff solid;
}
<!--HTMLコード-->
<table class="table-layout">
<tr>
<th>タイトル１</th>
<th>タイトル２</th>
</tr>
<tr>
<td>ここに内容を入力１</td>
<td>ここに内容を入力２</td>
</tr>
</table>サンプルコード（CSS別記）の表示
| タイトル１ | タイトル２ |
|---|---|
| ここに内容を入力１ | ここに内容を入力２ |
border-collapse・border-spacing
border-collapse
| 値（パラメータ） | 内容 |
|---|---|
| collapse | 隣接する境界線を重ねて表示 |
| separate | 隣接する境界線を離して表示 |
border-spacing
| 値（パラメータ） | 内容 |
|---|---|
| 任意の数値+px | 1px（ピクセル）は画面上の表示の最小単位 |
| 入力例 | border-collapse: separate; border-spacing: 2px; |
サンプルコード（CSS別記）
/*CSSコード*/
.border-collapse {
border: 1px #0000ff solid;
border-collapse: separate;
border-spacing: 2px;
}
.border-collapse th,.border-collapse td {
border: 1px #0000ff solid;
}
<!--HTMLコード-->
<table class="border-collapse">
<tr>
<th>タイトル１</th>
<th>タイトル２</th>
</tr>
<tr>
<td>ここに内容を入力１</td>
<td>ここに内容を入力２</td>
</tr>
</table>サンプルコード（CSS別記）の表示
| タイトル１ | タイトル２ |
|---|---|
| ここに内容を入力１ | ここに内容を入力２ |