Logical Properties Cheatsheet
border-top-left-radius | border-start-start-radius |
border-bottom-left-radius | border-end-start-radius |
border-top-right-radius | border-start-end-radius |
border-bottom-right-radius | border-end-end-radius |
border-bottom | border-block-end |
border-bottom-color | border-block-end-color |
border-bottom-style | border-block-end-style |
border-bottom-width | border-block-end-width |
border-top | border-block-start |
border-top-color | border-block-start-color |
border-top-style | border-block-start-style |
border-top-width | border-block-start-width |
border-right | border-inline-end |
border-right-color | border-inline-end-color |
border-right-style | border-inline-end-style |
border-right-width | border-inline-end-width |
border-left | border-inline-start |
border-left-color | border-inline-start-color |
border-left-style | border-inline-start-style |
border-left-width | border-inline-start-width |
margin-bottom | margin-block-end |
margin-top | margin-block-start |
margin-right | margin-inline-end |
margin-left | margin-inline-start |
padding-bottom | padding-block-end |
padding-top | padding-block-start |
padding-right | padding-inline-end |
padding-left | padding-inline-start |
float: left | float: inline-start |
float: right | float: inline-end |
clear: left | clear: inline-start |
clear: right | clear: inline-end |
text-align: left | text-align: start |
text-align: right | text-align: end |
left | inset-inline-start |
right | inset-inline-end |