Support CSS Cursor Style with Web Browser
August 15 2009 Categorized Under: Articles, Css, HTML No Commented
Scroll area with overflow in CSS
July 27 2009 Categorized Under: Css, HTML, Programming one Commented
Small Scrollable Areas
Scrollable areas on webpages has become increasingly popular after being used by some leading design communities on the internet. Scroll areas can be done with a textarea or iframe tags, but a more frequent way of doing it is through using the abilities that already lies within HTML and CSS for any page element. A normal block element like a <div> can be set to a certain height and width. What happens when the content of the DIV exceeds the size given to it?
Enter the CSS property overflow.
- overflow: auto – This will create a scrollbar – horizontal, vertical or both only if the content in the block requires it. For practical web development, this is probably the most useful for creating a scrolling area.
- overflow: scroll – This will will insert horizontal and vertical scrollbars. They will become active only if the content requires it.
- overflow: visible – This will cause the block to expand to view the content.
- overflow: hidden – This forces the block to only show content that fits in the block. Other content will be clipped and not hidden with no scrollbars.