論理プロパティ
位置やサイズを、左右・上下という物理的な方向ではなく、テキストの流れる方向(inline/block、start/end)を基準に記述するCSSプロパティ。右から左へ書く言語や縦書きでも、レイアウトが自動的に正しくなる。
問題は、margin-leftが文字どおり物理的な左だということ。アラビア語やヘブライ語(右から左)では反対側に余白が欲しいことが多く、RTL専用のスタイルシートや[dir=rtl]の上書きが必要になる。論理プロパティは方向を抽象化する。margin-inline-startは「行の始まり」を意味し、英語や日本語の横書きでは左、アラビア語では右になる。
考え方は、inline軸が文字の並ぶ方向、block軸が行と行の間の方向で、left/right/top/bottomの代わりにstart/endを使うこと。例はpadding-block(上下)、inset-inline-end、border-inlineなど。利点は、一つのスタイルシートであらゆる書字方向に対応でき、国際化が簡単になることだ。方向に依存するCSSを書く現代的な推奨の方法である。