overflow
CSS overflow Property
The CSS overflow property is shorthand for specifying the overflow-x and overflow-y properties together. They are used to specify how content should be clipped when it bleeds outside of its container. Use them independently to target the horizontal(x) or vertical(y) planes separately.
overflow-x
overflow-y
CSS CODE EXAMPLE
<style type="text/css">
div#myDiv {
width: 120px;
height: 120px;
overflow: auto;
}
</style>
<div id="myDiv">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
<hr />
ABCDEFGHIJKLMNOPQRSTUVWXYZ
<hr />
ABCDEFGHIJKLMNOPQRSTUVWXYZ
<hr />
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</div>
div#myDiv {
width: 120px;
height: 120px;
overflow: auto;
}
</style>
<div id="myDiv">
ABCDEFGHIJKLMNOPQRSTUVWXYZ
<hr />
ABCDEFGHIJKLMNOPQRSTUVWXYZ
<hr />
ABCDEFGHIJKLMNOPQRSTUVWXYZ
<hr />
ABCDEFGHIJKLMNOPQRSTUVWXYZ
</div>
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Possible Values:
Seeoverflow-x
overflow-y
0 Response to "overflow"
Post a Comment