→●、mdn（block-size、inline-size）
要素の軸方向の論理縦幅、論理横幅。
| 名前 | block-size、inline-size
|
|---|---|
| 値 | <'width'> |
| 初期値 | auto |
| 適用対象 | height／width と同じ |
| 継承 | されない |
| 百分率 | 対応する物理プロパティに対するときと同じ |
| 算出値 | 対応する［height／width］と同じ |
| 正準的順序 | 文法に従う |
| アニメーション型 | 算出値の型による |
これらの各プロパティは［height／width］プロパティに対応する。その対応付けは、要素の writing-mode に依存する。
¶inline要素には効果は無いようだ。
<DIV style="border:1px solid red; block-size:100px; ">DIV要素<BR>あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; inline-size:100px; ">DIV要素<BR>あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; column-count:2; block-size:100px; ">DIV要素：あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; column-count:2; inline-size:100px; ">DIV要素：あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; writing-mode:vertical-rl; block-size:100px; ">DIV要素：あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; writing-mode:vertical-rl; inline-size:100px; ">DIV要素：あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; block-size:auto; ">DIV要素：あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; inline-size:auto; ">DIV要素：あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; writing-mode:vertical-rl; block-size:auto; ">DIV要素：あいうえおかきくけこ</DIV>
<DIV style="border:1px solid red; writing-mode:vertical-rl; inline-size:auto; ">DIV要素：あいうえおかきくけこ</DIV>
| 表示内容： |
| 表示内容： |