html - サイズを継承するようにHTMLテーブルセルを設定するにはどうすればよいですか？

Question

テーブルの中に高さ/幅が100％の画像があります。テーブルサイズを定義しますが、TDサイズも定義するまで機能しません。CSSでサイズを複製する必要がないように、TDにテーブルサイズを継承させるにはどうすればよいですか？

http://jsfiddle.net/CgEhg/

Answer 1

.g {
  width:40px;
  height:40px;
}

img {
  height:inherit;
  width:inherit;
}

td, tr, tbody {
  height:inherit;
  width:inherit;
}

<table class="g" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="http://www.google.com/logos/2012/stgeorge12-hp.png"></td>
  </tr>
</table>

<div class="g"><img src="http://www.google.com/logos/2012/stgeorge12-hp.png"></div>

Answer 2

上記の例に加えて、テーブルがその内容に応じて自動的に拡大するように100％を設定します。

   table
    {
        width:40px;
        height:40px;
    }


    td,tr,tbody
    {
        height:100%;
        width:100%;
    }