X'inhuma l-proprjetajiet loġiċi ta' CSS u għaliex huma importanti għall-internazzjonalizzazzjoni?

Question

Accepted Answer

**Il-proprjetajiet loġiċi** jiddeskrivu l-layout f'termini tad-**direzzjoni tal-fluss tal-kontenut** (bidu/tmiem, inline/blokk) minflok direzzjonijiet fiżiċi (xellug/dritt/fuq/taħt). Dan jippermettiex folja ta' stili waħda tadatta awtomatikament għal lingwi miktuba minn-dritt-għal-xellug (Għarbi, Ebraju) jew minn-fuq-għal-taħt. ## Fiżiku versus loġiku ```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; } ``` ## Iż-żewg assi - **inline** — direzzjoni li fiha l-test jixxjed (orizzontali bl-Ingliż; l-assi tal-"qari"). - **blokk** — direzzjoni li fiha l-linji jiġbdu (vertikali bl-Ingliż; l-assi tal-"paragrafu"). ```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 */ ``` ## Għaliex dan importanti għall-i18n Bil-proprjetajiet fiżiċi, sostenn għall-Għarbi jfisser nikteb sett komplut ta' stili mirruflessi (`margin-left` → `margin-right`, eċċ.) wara `[dir="rtl"]`. Bil-proprjetajiet loġiċi, **l-istess CSS basta jaħdem** — issettja `dir="rtl"` fuq l-html u `margin-inline-start` awtomatikament iqlibbet lejn il-lemin: ```html ``` ## Lil hinn minn RTL Il-proprjetajiet loġiċi jiddellewwu wkoll il-modi ta' iktiba vertikali (eż. xi ttipografija tal-Asia tal-Lvant) u jagħmlu `margin-inline: auto` mod nadif biex iċċentraw irrispettivament mid-direzzjoni. ## Għaliex dan importanti Għal kwalunkwe prodott li jitqiegħed f'lingwi multipli, il-proprjetajiet loġiċi jeliminaw il-ħtieġa biex jinżammu fogli ta' stili RTL mirruflessi — sett wieħed ta' regoli jadatta għad-direzzjoni tal-iktiba. Anke għal siti LTR-biss, huma mudell mentali aktar nadif (bidu/tmiem, inline/blokk), u dejjem aktar inhu l-istandard rakkommanat fil-CSS modern.