లాజికల్ ప్రాపర్టీస్ కంటెంట్ యొక్క ఫ్లో డిరెక్షన్ (స్టార్ట్/ఎండ్, ఇన్లైన్/బ్లాక్) ఆధారంగా లేআউట్ను వివరిస్తాయి, భౌతిక దిశలకు బదులుగా (ఎడమ/కుడి/టాప్/బాటమ్). ఇది ఒకే స్టైల్షీట్ను కుడి-నుండి-ఎడమ (అరబిక్, హిబ్రూ) లేదా టాప్-టు-బాటమ్ లో రాసిన భాషలకు స్వయంచాలకంగా విస్తరించుకుంటుంది.
{ : ; : ; : 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 కేవలం పనిచేస్తుంది — dir="rtl" ని html పై సెట్ చేయండి మరియు margin-inline-start స్వయంచాలకంగా కుడి వైపుకు తిరుగుతుంది:
<html dir="rtl"> <!-- the entire layout mirrors correctly, no CSS changes -->
లాజికల్ ప్రాపర్టీస్ నిలువు రాయడ మోడ్లను కూడా నిర్వహిస్తాయి (ఉ.దా. కొన్ని తూర్పు ఆసియా టైపోగ్రఫీ) మరియు margin-inline: auto ను దిశ నిర్వాహకంగా సెంటర్ చేయడానికి శుద్ధ మార్గం చేస్తుంది.
బహుళ భాషలలో విడుదల చేసే ఏదైనా ఉత్పత్తికి, లాజికల్ ప్రాపర్టీస్ మిర్రర్డ్ RTL స్టైల్షీట్లను నిర్వహించాల్సిన అవసరాన్ని తొలగిస్తాయి — ఒక సెట్ నియమాలు రాయడ దిశకు అనుకూలం చేస్తుంది.
LTR-మాత్র సైట్ల కోసం కూడా, అవి క్లీనర్ మానసిక మోడల్ (స్టార్ట్/ఎండ్, ఇన్లైన్/బ్లాక్), మరియు అవి ఆధునిక CSS లో ఎక్కువ సిఫార్సు చేయబడిన డిఫాల్ట్ వస్తున్నాయి.