Logische eigenschappen
CSS-eigenschappen die positie en grootte beschrijven ten opzichte van de tekststroom (inline/block, start/end) in plaats van fysieke richtingen (links/rechts, boven/onder). Ze zorgen dat een layout automatisch klopt in talen die van rechts naar links lopen en bij verticale tekst.
Het probleem: margin-left is fysiek links — maar in het Arabisch of Hebreeuws (van rechts naar links) wil je de marge meestal aan de andere kant, wat aparte RTL-stylesheets en [dir=rtl]-overschrijvingen afdwingt. Logische eigenschappen abstraheren de richting: margin-inline-start betekent "het begin van de tekstregel" — links in het Nederlands, rechts in het Arabisch, automatisch. Begrippen: de inline-as volgt de tekstregel, de block-as loopt tussen regels; start/end in plaats van links/rechts/boven/onder. Voorbeelden: padding-block (boven+onder), inset-inline-end, border-inline. Winst: één stylesheet werkt voor alle schrijfrichtingen → eenvoudiger internationalisatie. De aanbevolen moderne manier om richtinggevoelige CSS te schrijven. Verwant aan CSS cascade layers en CSS custom properties.