How to position a div scrollbar on the left hand side with CSS?

Spread the love

Sometimes, we want to position a div scrollbar on the left hand side with CSS.

In this article, we’ll look at how to position a div scrollbar on the left hand side with CSS.

How to position a div scrollbar on the left hand side with CSS?

To position a div scrollbar on the left hand side with CSS, we set the direction property.

For instance, we write

#scroll {
  direction: rtl;
  overflow: auto;
  height: 50px;
  width: 50px;
}

#scroll div {
  direction: ltr;
}

to add direction: rtl; to the element with ID scroll to make the text direction right to left, which puts the vertical scrollbar on the left side.

Conclusion

To position a div scrollbar on the left hand side with CSS, we set the direction property.

Leave a Reply

Your email address will not be published. Required fields are marked *