CSS Logical Properties

CSS Logical Properties is a module of CSS that defines logical mapping to physical properties to control the layout.

Reference

Properties

• block-size
• 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-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
• inline-size
• margin-block-end
• margin-block-start
• margin-inline-end
• margin-inline-start
• max-block-size
• max-inline-size
• min-block-size
• min-inline-size
• offset-block-end
• offset-block-start
• offset-inline-end
• offset-inline-start
• padding-block-end
• padding-block-start
• padding-inline-end
• padding-inline-start

Guides

None.

Specifications

Specification	Status	Comment
CSS Logical Properties Level 1	Editor's Draft	Initial definition

Browser compatibility

• Desktop
• Mobile

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	Not supported	41.0 (41.0)	Not supported	Not supported	Not supported

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	Not supported	41.0 (41.0)	Not supported	Not supported	Not supported