overflow

La proprietà overflow gestisce l'eventualità di un tracimamento dei contenuti rispetto alle dimensioni del box che è destinato a contenerli.

Vediamo un esempio:

div.lista
{
  height: 200px;
  overflow: scroll;
}

La proprietà overflow può assumere i seguenti valori:

• visible: è il valore di default. Il contenuto in eccesso rimane visibile "deformando" il box rispetto alle dimensioni imposte;
• hidden: il contenuto eccedente non viene mostrato;
• scroll: il browser crea barre di scorrimento per gestire il contenuto in eccesso;
• auto: il browser gestisce il contenuto in eccesso secondo le impostazioni di default; generalmente vengono create barre di scorrimento in caso di contenuto in eccesso.

Attraverso un corretto utilizzo della proprietà overflow è possibile simulare le presenza di frame HTML