Көп тилдүү жана RTL түзүмү жөнүндө сүйлө. LTR жана RTL үчүн туура иштөөчү маржаларды кантип жасоо керек?

Көп тилдүү болуу — бул колдонмодо бир нече тилдерди колдоо, анын ичинде тексттин, даталардын, сандарды жана интерфейсдин туура көрсөтүлүшүн камсыз кылуу. RTL (Right-To-Left) түзүлүшү оңдон солго жазылган тилдер үчүн, мисалы, араб жана иврит тилдери үчүн зарыл.

LTR жана RTLдө маржиналар жана жайгаштыруу туура иштеши үчүн, тексттин багытын эске алган CSS өзгөчөлүктөрү колдонулат:

• margin-left жана margin-right ордуна margin-inline-start жана margin-inline-end колдонулат. Бул өзгөчөлүктөр автоматтык түрдө багытка жараша тарапты өзгөртөт.
• Ошондой эле padding үчүн: padding-inline-start жана padding-inline-end.
• Позициялоо үчүн, inset-inline-start жана inset-inline-end колдонулушу мүмкүн.

Мисал:

.element {
  margin-inline-start: 10px; /* LTRде сол жакта, RTLде оң жакта */
  margin-inline-end: 20px;   /* LTRде оң жакта, RTLде сол жакта */
}

Ошондой эле, браузер тексттин багытын түшүнүшү жана бул өзгөчөлүктөрдү туура колдонушу үчүн, негизги элементке же HTMLге dir="rtl" же dir="ltr" атрибутун коюу маанилүү.