この記事を お気に入りに追加

この記事を お気に入りに追加

A1
<table width="200" height="100" border="1">
　<tr>
　　<td width="20%">1972</td>
　　<td>1973</td>
　</tr>
　<tr>
　　<td>1974</td>
　　<td>1975</td>
　</tr>
</table>

表全体の横幅200ピクセルに対し、「1972のセル」に20％の横幅値を指定することで「1972、1974の列」に適用され、「1973、1975の列」には、差し引いた80％の横幅値が自動的に適用されます。

逆に「1973のセル」に80％の値を指定しても同じ表示になります。
両方のセルにそれぞれの値の和が100％になるように指定するのであれば両方指定しても構いません。

また、Q1では、2：8の比率でお答え頂きましたので、「1972の列は25ピクセル」「1973の列は175ピクセル」のように、ピクセルで指定することもできます。

こちらもパーセントで指定したときと同じで、片方のみ指定すれば、自動で計算されたピクセル値が指定していないセル、列に適用されます。

A2
<table width="200" height="100" border="1">
　<tr>
　　<td height="20%">1972</td>
　　<td>1973</td>
　</tr>
　<tr>
　　<td>1974</td>
　　<td>1975</td>
　</tr>
</table>

表全体の高さ100ピクセルに対し、「1972のセル」に20％の高さ値を指定することで、「1972、1973の行」に適用され、「1974、1975の行」には、差し引いた80％の高さ値が自動的に適用されます。

A1の解説同様に「1974のセル」に80％の値を指定しても同じ表示になり、両方のセルにそれぞれの値の和が100％になるように指定するのであれば両方指定しても構いません。

同じく、Q2でも、2：8の比率でお答え頂きましたので、「1972の行は25ピクセル」「1974の行は175ピクセル」のように、ピクセルで指定することもできます。

こちらもパーセントで指定したときと同じで、片方のみ指定すれば、自動で計算されたピクセル値が指定していないセル、行に適用されます。

A3
<table width="200" height="100" border="1">
　<tr>
　　<td width="20%" height="20%">1972</td>
　　<td>1973</td>
　</tr>
　<tr>
　　<td>1974</td>
　　<td>1975</td>
　</tr>
</table>

【答えを閉じる】