An HTML scroll box is a box that increases the scroll bars, when its contents are too large to fit in the box. How do you make a box? You create a box using normal HTML elements (such as div elements). Then, to scroll the box, you apply the CSS overflow property to the div.
<div style="height:120px;width:120px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>
<div style="height:120px;width:120px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
As you can see, once there's enough text in this box, the box will grow scroll bars... that's why we call it a scroll box! You could also place an image into the scroll box.
</div>
Basic HTML Scroll Box
Colored Scroll Boxes
Scroll Box with Images
Scroll Box Borders
Horizontal Scroll
0 comments:
Post a Comment