CSS 論理的プロパティと値

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

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

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

ブロック方向

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

インライン方向

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

• block-size
• inline-size
• max-block-size
• max-inline-size
• min-block-size
• min-inline-size

• border-block
• border-block-color
• border-block-end
• border-block-end-color
• border-block-end-style
• border-block-end-width
• border-block-start
• border-block-start-color
• border-block-start-style
• border-block-start-width
• border-block-style
• border-block-width
• border-color
• border-inline
• border-inline-color
• border-inline-end
• border-inline-end-color
• border-inline-end-style
• border-inline-end-width
• border-inline-start
• border-inline-start-color
• border-inline-start-style
• border-inline-start-width
• border-inline-style
• border-inline-width
• border-start-start-radius
• border-start-end-radius
• border-end-start-radius
• border-end-end-radius
• border-style
• border-width
• margin (logical キーワード)
• margin-block
• margin-block-end
• margin-block-start
• margin-inline
• margin-inline-end
• margin-inline-start
• padding (logical キーワード)
• padding-block
• padding-block-end
• padding-block-start
• padding-inline
• padding-inline-end
• padding-inline-start

• 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 (inset-block-end に置き換え)
• offset-block-start (inset-block-start に置き換え)
• offset-inline-end (inset-inline-end に置き換え)
• offset-inline-start (inset-inline-start に置き換え)

• 論理的プロパティと値の基本概念
• 寸法の論理的プロパティ
• マージン、境界、パディングの論理的プロパティ
• 浮動と位置指定の論理的プロパティ

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