CANON · RTL

RTL is not "flip everything." It's about reading direction. Text, layout flow, and directional icons mirror. Decorative elements, media controls, and universal icons do not.

Set the direction

<html lang="ar" dir="rtl">

dir="rtl" on <html> flips the entire document flow. Browser handles most text and flexbox/grid automatically.

Use CSS logical properties

Physical properties break in RTL. Logical properties work in both directions automatically.