戻る

幅 300 その1

中身が少なく、各列の最大サイズが同じなので、等間隔に広がる。

1行1列目 1行2列目
2行1列目 2行2列目

幅 300 その2

1行1列目がかなり大きいので、出来るだけ大きくなる。

1行1列目。この列の中身が長いので、この列を出来るだけ大きくなる。 1行2列目
2行1列目 2行2列目

幅 300 その3

それぞれの列に大きいデータがあるが、2行目2列目の方がデータが大きいので、2列目の方が少し大きくなる。

1行1列目。この列の中身が長いので、この列を出来るだけ大きくなる。 1行2列目
2行1列目 2行2列目。この列の中身は1行1列目より長いので、この列も出来るだけ大きくした結果、この列の方が少し大きい幅になる。

幅 300 + ボーダー 20

テーブルに対する幅指定(width="300")は、ボーダーも含めた指定になるため、border に関係なく 300 になる。

1行1列目 1行2列目
2行1列目 2行2列目

幅 300 + セル間スペース 20

テーブルに対する幅指定(width="300")は、セル間スペースも含めた指定になるため、cellspacing に関係なく 300 になる。

1行1列目 1行2列目
2行1列目 2行2列目

幅 300 + セルパディング 20

テーブルに対する幅指定(width="300")は、cellpadding に関係なく 300 になる。

1行1列目 1行2列目
2行1列目 2行2列目

すべてがが太い

ボーダーに関係なく 300 になる。

1行1列目 1行2列目
2行1列目 2行2列目

幅 300 + マージン 20

テーブルに対する幅指定(width="300")は、マージンを含めないため、テーブルサイズは 300 で、周りに余白が出来る。

1行1列目 1行2列目
2行1列目 2行2列目

戻る