このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

CSS 論理的プロパティと値

CSS 論理的プロパティと値 (CSS Logical Properties and Values) は CSS のモジュールの一つで、論理的プロパティと値を導入して、物理的ではなく論理的に方向や寸法をマッピングして、レイアウトを制御することができるようにします。

このモジュールは以前に CSS 2.1 で定義されたプロパティについて、論理的なプロパティと値を定義します。論理的プロパティは方向を定義し、これは対応する物理的なプロパティと相対的に等価になります。

ブロックとインライン

論理プロパティと値は、ブロックとインラインという抽象的な用語を使用して、流れに対する方向を記述します。これらの用語の物理的な意味は、書字方向に依存します。

ブロック方向: 行内のテキストの流れとは垂直の方向、つまり、横書きでは垂直方向、縦書きでは水平方向です。標準的な英語のテキストでは、垂直方向になります。
インライン方向: 行内のテキストの流れと平行の方向、つまり、横書きでは水平方向、縦書きでは垂直方向です。標準的な英語のテキストでは、水平方向になります。

リファレンス

寸法のプロパティ

マージン、境界、パディングのプロパティ

浮動と位置指定のプロパティ

clear (inline-end および inline-start キーワード)
float (inline-end および inline-start キーワード)
inset
inset-block
inset-block-end
inset-block-start
inset-inline
inset-inline-end
inset-inline-start

その他のプロパティ

caption-side (inline-end および inline-start キーワード)
overflow-block
overflow-inline
overscroll-behavior-block
overscroll-behavior-inline
resize (block および inline キーワード)
text-align (end および start キーワード)

非推奨のプロパティ

offset-block-end Non-Standard Deprecated (inset-block-end に置き換え)
offset-block-start Non-Standard Deprecated (inset-block-start に置き換え)
offset-inline-end Non-Standard Deprecated (inset-inline-end に置き換え)
offset-inline-start Non-Standard Deprecated (inset-inline-start に置き換え)

ガイド

仕様書

仕様書	状態	備考
CSS Logical Properties and Values Level 1	編集者草案	初回定義

ブラウザーの互換性

完全な互換性情報は、それぞれのプロパティページを参照してください。