CSS ボックスサイズ指定

CSS ボックスサイズ指定モジュールは、要素のサイズをどのようにコンテンツに合わせるか、または特定のレイアウトコンテキストに合わせるかを開発者が指定できるようにします。このモジュールでは、サイズ指定、最小サイズ指定、最大サイズ指定のプロパティを定義しており、コンテンツに基づく内在サイズとコンテキストに基づく外在サイズを表すキーワードで CSS サイズ指定のプロパティを拡張します。

要素は、外在的にも内在的にもサイズを設定することができます。CSS ボックスモデルは、要素の大きさを明示的に、つまり「外在的」に設定するためのページに相対的なプロパティ、たとえば width、height、padding、margin などのプロパティ（CSS 背景と境界モジュールで定義されている border プロパティも含む）を定義しています。この CSS ボックスサイズ指定モジュールは、CSS ボックスモデルモジュールを拡張し、コンテンツのサイズに基づいて要素のサイズを設定することで、要素を内在的にサイズ指定できるようにします。

このモジュールで導入されたサイズ指定値は、サイズ拘束を持つ要素が、内在サイズが何も指定されていないかのようにサイズ指定されるのではなく、そのフロー内コンテンツの幅と高さが指定された明示的な内在サイズと一致するように、明示的な内在サイズを取ることができるようになります。

このモジュールでは、要素のボックスのアスペクト比を定義する機能も導入されました。つまり、ブラウザーは指定されたアスペクト比を維持するために、いずれかの寸法が自動的にサイズ調整される限り、要素の寸法を自動的に調整することができます。

論理的プロパティと値モジュールは、ボックスモデルとボックスサイズ指定モジュールで利用可能なプロパティを拡張し、対応する物理ボックスモデルと内在ボックスサイズ指定プロパティの書字方向に相対的である等価なものを含むように拡張しています。