तार्किक गुणहरू लेआउटलाई भौतिक दिशाहरू (बाँया/दाँया/माथि/तल) को सट्टा सामग्रीको प्रवाह दिशा (सुरु/अन्त, inline/block) को आधारमा वर्णन गर्छन्। यसले एकल stylesheet लाई स्वचालित रूपमा दायाँ-देब्रे (अरबी, हिब्रु) वा माथि-देब्रे लिपिमा लिखिएका भाषाहरूमा अनुकूल बनाता है।
{ : ; : ; : left; : solid; }
{
: ;
: ;
: start;
: solid;
}
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 */
भौतिक गुणहरूको साथ, अरबीलाई समर्थन गर्नको लागि [dir="rtl"] पछाडि मिररर गरिएका शैलीहरूको पूरो दोस्रो सेट लेख्न आवश्यक छ (margin-left → margin-right, आदि)। तार्किक गुणहरूको साथ, यही CSS काम गर्छ — html मा dir="rtl" सेट गर्नुहोस् र margin-inline-start स्वचालित रूपमा दाँया पक्षमा फ्लिप हुन्छ:
<html dir="rtl"> <!-- the entire layout mirrors correctly, no CSS changes -->
तार्किक गुणहरूले ठाडो लेखन मोडहरू (उदाहरण - केही पूर्वी एशियाली टाइपसेटिङ) पनि सम्हाल्छन् र margin-inline: auto लाई दिशा जस्तोसुकै केन्द्र गर्ने सफा तरिका बनाउँछन्।
कुनै पनि उत्पादनको लागि जो धेरै भाषामा जारी हुन्छ, तार्किक गुणहरूले मिररर गरिएको RTL stylesheets राख्ने आवश्यकतालाई हटाउँछन् — नियमहरूको एकै सेट लेखन दिशामा अनुकूल हुन्छ।
LTR-मात्रै साइटहरूको लागि पनि तिनीहरू सफा मानसिक मोडेल हुन् (सुरु/अन्त, inline/block), र तिनीहरू आधुनिक CSS मा बढ्दो सिफारिस गरिएको पूर्वनिर्धारित छन्।
विस्तृत उत्तरसहित IT अन्तर्वार्ता प्रश्नहरूको पुस्तकालय — जुनियरदेखि सिनियरसम्म।
दान गर्नुहोस्