Overflow

La proprietà overflow specifica come visualizzare i contenuti quando "escono" dal loro contenitore.

Ad esempio, un testo inserito all'interno in un box di dimensioni fisse può essere più grande del contenitore.

In questi casi la proprietà overflow permette di:

• Nascondere il testo in eccesso (Hidden)

• Aggiungere delle barre si scorrimento al contenitore (scroll o auto)

• Lasciare uscire fuori dal contenitore il testo in più (visible)

Esempi:

Alcuni esempi creati usando un box fisso di 200*100 pixel e un testo più grande del contenitore.

.box { overflow:hidden;
        width:200px; height:100px;
        background-color:#CCCCCC
      }

.box { overflow:scroll;
        width:200px; height:100px;
        background-color:#CCCCCC
      }

.box { overflow:auto;
        width:200px; height:100px;
        background-color:#CCCCCC
      }

.box { overflow:Visible;
        width:200px; height:100px;
        background-color:#CCCCCC
      }

(Annunci Google)