CSS logical properties and values

Logical properties and values use the abstract terms block and inline to describe the direction in which they flow. The physical meaning of these terms depends on the writing mode.

Block dimension

The dimension perpendicular to the flow of text within a line, i.e., the vertical dimension in horizontal writing modes, and the horizontal dimension in vertical writing modes. For standard English text, it is the vertical dimension.

Inline dimension

The dimension parallel to the flow of text within a line, i.e., the horizontal dimension in horizontal writing modes, and the vertical dimension in vertical writing modes. For standard English text, it is the horizontal dimension.

• 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 Experimental keyword)
• margin-block
• margin-block-end
• margin-block-start
• margin-inline
• margin-inline-end
• margin-inline-start
• padding (logical Experimental keyword)
• padding-block
• padding-block-end
• padding-block-start
• padding-inline
• padding-inline-end
• padding-inline-start

• clear (inline-end and inline-start keywords)
• float (inline-end and inline-start keywords)
• inset
• inset-block
• inset-block-end
• inset-block-start
• inset-inline
• inset-inline-end
• inset-inline-start

• contain-intrinsic-block-size
• contain-intrinsic-inline-size

• caption-side (inline-end and inline-start keywords)
• overflow-block
• overflow-inline
• overscroll-behavior-block
• overscroll-behavior-inline
• resize (block and inline keywords)
• text-align (end and start keywords)

• offset-block-end Non-standard Deprecated (now inset-block-end)
• offset-block-start Non-standard Deprecated (now inset-block-start)
• offset-inline-end Non-standard Deprecated (now inset-inline-end)
• offset-inline-start Non-standard Deprecated (now inset-inline-start)

• Basic concepts of logical properties and values
• Logical properties for sizing
• Logical properties for margins, borders, and padding
• Logical properties for floating and positioning

See the individual property pages for full compatibility information.