RTL

Trace CSS підтримує напрямок справа наліво (RTL). Задайте HTML-атрибуту dir значення rtl на всій сторінці або в одному розділі. Trace використовує логічні властивості CSS, щоб відступи й елементи керування враховували напрямок читання.

#Напрямок усієї сторінки

Укажіть мову за допомогою lang і напрямок читання за допомогою dir.

<html lang="ar" dir="rtl">
  <!-- Контент сторінки -->
</html>

#RTL в одному розділі

Додайте до контейнера dir="rtl", щоб змінити напрямок у цьому розділі.

<section lang="ar" dir="rtl">
  <p>الإعدادات</p>
  <label>
    اسم العرض
    <input type="text" placeholder="أدخل اسمك" />
  </label>
  <label>
    <input type="checkbox" role="switch" />
    تفعيل الإشعارات
  </label>
  <button type="button">حفظ</button>
</section>