Internationalization (i18n) means preparing the code and design to handle different languages and writing modes.

Thanks for the logical properties and values; we can do more with i18n, just with CSS.

The simplest example is the right-to-left (RTL) writing mode used by Arabic and Hebrew languages, among others. When you write RTL, you should mirror your site: your logo in the header moves to the right side, and your layout and text alignment similarly change place.

For more information, check out this excellent introductory video from Moriel Schottlender hosted by Jason Lengstorf:

Right-to Left (RTL) Support for Websites (with Moriel Schottlender) — Learn With Jason

Logical Properties and Values

CSS Logical Properties and Values is a newer CSS module to control the layout logically. Instead of physical left or right (top and bottom) values, we have logical left or right, depending on the writing mode.

Spruce uses these logical properties and values, but this is also a new feature for us.

It has relatively good support, but we must still test our code well.

For more information, please visit the following pages: