scottgruber.me

What are logical properties?

Property and Value Mapping

Assuming left to right directionality:

Physical Property Logical Property
top inset-block-start
right inset-inline-end
bottom inset-block-end
left inset-inline-start
Physical Property Logical Property
margin-top margin-block-start
margin-right margin-inline-end
margin-bottom margin-block-end
margin-left margin-inline-start
Physical Property Logical Property
padding-top padding-block-start
padding-right padding-inline-end
padding-bottom padding-block-end
padding-left padding-inline-start