CSS-Trick

CSS Trick: How to Make a Text Area Scrolling in Your Posts

HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING HOW TO MAKE A TEXT SCROLLING

Hello! I've just read an article from this site Cara-Trik CSS and its really really helpful for me. You know that everytime you post a script of a program, it will be such a mess if you don't have CSS to make it scroll. 

At least, to build and designing a program or website you need 500 lines to be written. The problem is we can't just show the whole scripts to the viewers. It forces the readers to read it completely. So, now I will tell you how to make a text area scrolling in your website with CSS code. 

This is the CSS code to make a scroll, you need to put it in the HTML section to make it works. 

<div style="border: 2px solid #999999; height: 100px; margin-left: 20px; overflow: auto; padding: 3px; text-align: left; width: 280px;">YOUR TEXT HERE</div>

You can either change the color of the border (marked red) with index of color for html in this link: HTML COLOR CODES or set the another settings like width and height of the text area, just change the pixel one (marked blue) with pixel you need.

Ok that's all! Hopefully this article helpful! :)