Rusty Locks Notes 2023

#TIL |  CSS Logical Properties

I really wasn’t aware of the new CSS Logical Properties, but as I read Chris thoughts on that, it makes absolutely sense to switch completely.


In short, margin-right: 1vw is correct for a Western user who reads from left to right, assuming that right is the end of an element. In other languages, such as Arabic or Hebrew, this is not the case, since the reading direction is from right to left. In other languages, it is from top to bottom. There, the notation margin-inline-end: 1vw is more suitable, once you have internalized the concept INLINE = parallel to the text flow and BLOCK = perpendicular to the text flow. START and END mean the same in all languages.

You can interact with this note (applause, criticism, whatever) by mention it in one of your posts or by replying to its syndication on Mastodon, which will also be shown here as a Webmention .


No Webmentions yet...

In case your blog software can't send Webmentions, you can use this form to submit me a mention of this note...