Proprietà overflow CSS

Definizione e uso

overflow L'attributo definisce cosa accade quando il contenuto overflowa l'elemento.

Spiegazione

Questa proprietà definisce come viene gestito il contenuto dell'elemento overflow. Se il valore è scroll, l'agente utente fornirà un meccanismo di scorrimento, indipendentemente dal fatto che il contenuto possa essere contenuto nell'elemento o meno. Pertanto, potrebbe essere necessario visualizzare una barra di scorrimento anche se tutto il contenuto può essere contenuto nell'elemento.

Vedere anche:

Lezione CSS:Posizionamento CSS

Manuale di riferimento HTML DOM:Attributo overflow

Esempio

Impostare l'attributo overflow:

div
  {
  larghezza:150px;
  altezza:150px;
  overflow:scroll;
  }

Prova te stesso

Sintassi CSS

overflow: visible|hidden|clip|scroll|auto|initial|inherit;

Valore dell'attributo

Valore Descrizione
visible Valore predefinito. Il contenuto non viene tagliato e viene visualizzato al di fuori della casella dell'elemento.
hidden Il contenuto viene tagliato e il resto del contenuto non è visibile.
scroll Il contenuto viene tagliato, ma il browser mostrerà la barra di scorrimento per visualizzare il resto del contenuto.
auto Se il contenuto viene tagliato, il browser mostrerà la barra di scorrimento per visualizzare il resto del contenuto.
inherit Definisce se l'attributo overflow deve essere ereditato dal genitore.

Dettagli tecnici

Valore predefinito: visible
Inheritabilità: no
Versione: CSS2
Sintassi JavaScript: object.style.overflow="scroll"

Altri esempi

Come utilizzare le barre di scorrimento per visualizzare il contenuto overflow all'interno dell'elemento
Questo esempio dimostra come impostare l'attributo overflow per definire l'azione corrispondente quando il contenuto dell'elemento supera l'area specificata.
Come nascondere il contenuto sovraccaricato degli elementi overflow
Questo esempio dimostra come impostare l'attributo overflow per nascondere il contenuto quando il contenuto dell'elemento è troppo grande per adattarsi all'area specificata.
Come configurare il browser per gestire automaticamente i sovraccarichi
Questo esempio dimostra come configurare il browser per gestire automaticamente i sovraccarichi.

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0