CSS overflow Property

<!DOCTYPE html>
<html>
<head>
<style>
    div{
        width: 125px;
        height: 125px;
        background-color: lightgreen;
    }
    .ex1 {
        overflow: scroll;
    }
    .ex2 {
        overflow: hidden;
    }
    .ex3 {
        overflow: auto;
    }
    .ex4 {
        overflow: clip;
    }
    .ex5 {
        overflow: visible;
    }
</style>
</head>
<body>

<h1>The overflow property</h1>

<h2>overflow: scroll</h2>
<div class="ex1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

<h2>overflow: hidden</h2>
<div class="ex2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

<h2>overflow: auto</h2>
<div class="ex3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

<h2>overflow: clip</h2>
<div class="ex4">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

<h2>overflow: visible</h2>
<div class="ex5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>

</body>
</html>

Commands	Shortcut Key (Win)	Shortcut Key (Mac)
selectAll	Ctrl-A	Cmd-A
singleSelection	Esc	-
killLine	-	Ctrl-K (Mac)
deleteLine	Ctrl-D	Cmd-D
undo	Ctrl-Z	Cmd-Z
redo	Ctrl-Y	Shift-Cmd-Z, Cmd-Y
undoSelection	Ctrl-U	Cmd-U
redoSelection	Alt-U	Shift-Cmd-U
goDocStart	Ctrl-Home	Cmd-Up, Cmd-Home
goDocEnd	Ctrl-End	Cmd-End, Cmd-Down
goLineStart	Alt-Left	Ctrl-A
goLineEnd	Alt-Right	Ctrl-E
goLineRight	-	Cmd-Right
goLineLeft	-	Cmd-Left
goLineUp	Up	Ctrl-P
goLineDown	Down	Ctrl-N
goPageUp	PageUp	Shift-Ctrl-V
goPageDown	PageDown	Ctrl-V
newlineAndIndent	Enter	-
save	Ctrl-S	Cmd-S