Loginės savybės aprašo maketą pagal turinio srauto kryptį (pradžia/pabaiga, eilutė/blokas), o ne fizines kryptis (kairė/dešinė/viršus/apačia). Tai leidžia vienai stilų lentelei automatiškai prisitaikyti prie iš dešinės į kairę rašomų kalbų (arabų, hebrajų) arba iš viršaus į apačią rašomų kalbų.
{ : ; : ; : 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 */
Su fizinėmis savybėmis, arabų palaikymas reiškia rašyti visą antrą atspindėtų stilių rinkinį (margin-left → margin-right ir t.t.) [dir="rtl"] galinėje dalyje. Su loginėmis savybėmis, tas pats CSS tiesiog veikia — nustatykite dir="rtl" html ir margin-inline-start automatiškai apsiverčia į dešinę:
<html dir="rtl"> <!-- the entire layout mirrors correctly, no CSS changes -->
Loginės savybės taip pat tvarko vertikalius rašymo režimus (pvz., kai kuriuos Rytų Azijos šriftus) ir daro margin-inline: auto švarų būdą centrinti, nepriklausomai nuo krypties.
Bet kuriam produktui, kuris yra išleistas keliomis kalbomis, loginės savybės pašalina poreikį palaikyti atspindėtas RTL stilių lenteles — vienas taisyklių rinkinys pritaikomas rašymo krypčiai.
Net tik LTR svetainėse tai yra gryniau minčių modelis (pradžia/pabaiga, eilutė/blokas), ir jis vis labiau yra rekomenduojamas modernaus CSS standartas.