CSS தர্க்க பண்புக்கூறுகள் என்ன மற்றும் ஏன் சர்வதேশীயமயமாக்கலுக்கு முக்கியமாக இருக்கின்றன?

Question

Accepted Answer

**தர்க்க பண்புக்கூறுகள்** **உள்ளடக்கத்தின் ஓட்ட திசை** (தொடக்கம்/முடிவு, உள்நிரல்/தடை) இன் அடிப்படையில் அமைப்பை விவரிக்கின்றன, உடல் திசைகளுக்கு பதிலாக (இடது/வலது/மேல்/கீழ்). இது ஒரு ஸ்டைல்ஷீட்டை நিজமாக வலது-இடது (அரபு, ஹீப்ரு) அல்லது மேல்-கீழ் எழுதப்பட்ட மொழிகளுக்கு மாற்றிக்கொண்டு வருகிறது। ## உடல் மற்றும் தர்க்க ```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; } ``` ## இரண்டு அச்சுகள் - **உள்நிரல்** — உரை பாயும் திசை (ஆங்கிலத்தில் கிடைமட்டம்; "வாசிப்பு" அச்சு). - **தடை** — வரிகள் அடுக்கும் திசை (ஆங்கிலத்தில் செங்குத்து; "பத்தி" அச்சு). ```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 */ ``` ## ஏன் இது i18n க்கு முக்கியமாக இருக்கிறது உடல் பண்புக்கூறுகளைக் கொண்டு, அரபுவை ஆதரிப்பது `[dir="rtl"]` க்கு பின்னால் முழுவதுமாக கண்ணாடி ஸ்டைல்களின் தொகுப்பை எழுதுவது பொருந்தியது (`margin-left` → `margin-right`, முதலியன)। தர்க்க பண்புக்கூறுகளின் மাধ்যமாக, **அதே CSS வெறும் வேலை செய்கிறது** — `dir="rtl"` ஐ html இல் அமைத்து `margin-inline-start` நிজமாக வலது பக்கத்திற்கு மாறிக்கொண்டு வருகிறது: ```html ``` ## RTL இவ்வளவும் கடந்து தர்க்க பண்புக்கூறுகள் செங்குத்து எழுதும் முறைகளையும் (உ.கா. சில கிழக்கு ஆசிய அச்செழுத்து) கையாளுகின்றன மற்றும் `margin-inline: auto` ஐ திசையைப் பொருட்படுத்தாமல் மையமாக்குவதற்கான தெளிவான வழிதாக்குகின்றன। ## ஏன் இது முக்கியமாக இருக்கிறது பல மொழிகளில் கப்பல் செய்யும் எந்த தயாரிப்புக்கும், தர்க்க பண்புக்கூறுகள் கண்ணாடி RTL ஸ்டைல்ஷீட்களை பராமரிக்க வேண்டிய சாராம்சத்தை நீக்குகின்றன — ஒரு நியம தொகுப்பு எழுதிய திசையைக் கையாளுகின்றன। VRT-மாত்திரம் தளங்களுக்கு எவ்வாறு அவை சுத்தமாக மानसिक மாடல் (தொடக்கம்/முடிவு, உள்நிரல்/தடை) ஆக இருக்கின்றன, மற்றும் அவை தற்போதைய CSS இல் வெகு பரிந்துரை செய்ய பட்ட உள்புறமாக இருந்து வருகின்றன.