JavaScriptでのボックスモデルの種類

JavaScriptには、2つのボックスモデルがあります。

1. スタンダードボックスモデル（コンテンツボックス）：要素の大きさはコンテンツ部分だけを含み、パディング、ボーダー、マージンは含みません。これは W3C が推奨するボックスモデルです。
2. IEボックスモデル（border-box）では、エレメントのサイズはコンテンツ領域、パディング、ボーダーを含み、マージンは含まれません。言い換えると、エレメントの幅と高さにはパディングとボーダーが含まれます。これは初期のInternet Explorerブラウザに固有のボックスモデルです。