Pro HTML5 and CSS3 Design Patterns

CHAPTER 6 ■ BOX MODELS PROPERTIES

Overflow

HTML

<div id="ex1">

<h1><code>overflow:visible</code></h1>

<p class="ex1" >

<span class="big">OVERFLOW</span> <br />

<span class="nowrap">The text in this span does not wrap!</span>

<select size="2">

<option>select me</option>

<option selected="selected">select me</option>

</select><br />

<span>Vertical Overflow.</span>

</p>

</div>

CSS

*.ex1 { overflow:visible; }

*.ex2 { overflow:hidden; }

*.ex3 { overflow:scroll; }

*.ex4 { overflow:auto; }

/* Nonessential rules are not shown. */