Vetitë logjike përshkruajnë paraqitjen në terma të drejtimit të rrjedhës së përmbajtjes (fillim/fund, në linjë/bllok) në vend të drejtimeve fizike (majtas/djathtas/lart/poshtë). Kjo e bën një fletë stili të vetme të adaptohet automatikisht në gjuhë të shkruara djathtas-majtas (Arabisht, Hebraishte) ose nga lart poshtë.
{ : ; : ; : 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 */
Me vetitë fizike, mbështetja e Arabishtes nënkuptonte shkrimin e një kompleti të tërë të voglosur të pasqyruar (margin-left → margin-right, etj.) prapa [dir="rtl"]. Me vetitë logjike, CSS-ja e njëjtë thjesht funksionon — vendosni dir="rtl" në html dhe margin-inline-start automatikisht ndërrohet në anën e djathtë:
<html dir="rtl"> <!-- the entire layout mirrors correctly, no CSS changes -->
Vetitë logjike trajtojnë edhe mënyrat e shkrimit vertikal (p.sh. disa tipografi të Azisë Lindore) dhe e bëjnë margin-inline: auto një mënyrë të pastër për të qendruar pavarësisht drejtimit.
Për çdo produkt që shpërndahet në shumë gjuhë, vetitë logjike eliminojnë nevojën për të mbajtur fletë stili RTL të pasqyruara — një grup rregullash i adaptohet drejtimit të shkrimit.
Edhe për sajtet vetëm LTR, ato janë një model mendor më i pastër (fillim/fund, në linjë/bllok), dhe ato janë gjithnjë e më shumë të rekomanduara si parazgjedhje në CSS-në modern.