CSS mali yanasimu linalobadilika na kwa nini ni muhimu kwa uongezaji wa kimataifa?

Question

Accepted Answer

**Mali yanayofanya kazi kwa mantiki** inaelezea muundo katika kulingana na **mwelekeo wa mtiririko wa maudhui** (kuanza/kumalizia, kwa umbo/kuzuia) badala ya mielekeo ya kimwili (kushoto/kulia/juu/chini). Hii inafanya karatasi moja ya mtindo kuongeza kiotomatiki kwa lugha zilizoandikwa kulia-kwa-kushoto (Kiarabu, Kiebrania) au juu-hadi-chini. ## Kimwili dhidi ya kwa mantiki ```css /* ❌ physical — hard-codes "left", breaks in RTL languages */ .card { margin-left: 1rem; padding-right: 2rem; text-align: left; border-left: 2px solid; } /* ✅ logical — follows the writing direction */ .card { margin-inline-start: 1rem; /* "start" = left in LTR, RIGHT in RTL */ padding-inline-end: 2rem; text-align: start; border-inline-start: 2px solid; } ``` ## Shoka mbili - **kwa umbo** — mwelekeo ambao maandishi hutiririka (usawa kwa Kiingereza; mhimili wa "kusoma"). - **kuzuia** — mwelekeo ambao safu huzuia (wima kwa Kiingereza; mhimili wa "aya"). ```css margin-inline: 1rem; /* left + right in LTR (both inline sides) */ margin-block: 2rem; /* top + bottom */ margin-inline-start: 1rem; /* the "start" inline edge (left LTR / right RTL) */ padding-block-end: 1rem; /* bottom in horizontal writing */ inset-inline-start: 0; /* logical version of left/right for positioning */ ``` ## Kwa nini hii ni muhimu kwa i18n Na mali ya kimwili, kusaidia Kiarabu kulikuwa na kuandika seti nzima ya mitindo iliyotengana (`margin-left` → `margin-right`, nk.) nyuma ya `[dir="rtl"]`. Kwa mali yanayofanya kazi kwa mantiki, **CSS sawa tu inafanya kazi** — weka `dir="rtl"` kwenye html na `margin-inline-start` moja kwa moja husogea kwa upande wa kulia: ```html ``` ## Zaidi ya RTL Mali yanayofanya kazi kwa mantiki pia inashughulikia njia za kuandika kwa wima (mfano: baadhi ya sanaa ya Mashariki ya Asia) na kutengeneza `margin-inline: auto` njia safi ya kituo bila kujali mwelekeo. ## Kwa nini hii ni muhimu Kwa bidhaa yoyote inayoshirikiwa katika lugha nyingi, mali yanayofanya kazi kwa mantiki inaondoa haja ya kusadikia mitindo ya RTL iliyotengana — seti moja ya sheria hubadilika kulingana na mwelekeo wa kuandika. Hata kwa tovuti za LTR tu, ni kielekezi mahususi zaidi (kuanza/kumalizia, kwa umbo/kuzuia), na wao ni zaidi kusaidiana kwa kawaida katika CSS ya sasa.