Die CSS-Eigenschaft Direction ermöglicht die Anordnung von Scrollbalken am linken Rand eines Blockelements z. B. im BODY, in DIVs, TEXTAREA-Formularfeldern usw. Als Eigenschaftswerte stehen ltr (left to right) und rtl (right to left) zur Verfügung. In Kombination mit Overflow: auto wird dieser Effekt im Beispiel 49 demonstriert. Zurzeit funktioniert das allerdings nur im IE.

      
      .links
      {
      Border: 2px solid #DDDDDD;
      Color: #0000FF;
      Background-Color: #FFFFCC;
      Width: 70%;
      Height: 50%;
      Padding-Left: 15px;
      Padding-Right: 15px;
      Overflow: auto;
      Direction: rtl;
      }
      
      Einbindung der Klasse:
      <DIV CLASS="links">I n h a l t</DIV>