English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

MANUALE DI RIFERIMENTO CSS

REGOLE @CSS

Completo delle proprietà CSS

Metodi di utilizzo e esempi della proprietà CSS overflow

La proprietà overflow specifica cosa fare quando il contenuto overflow dell'elemento è tagliato, visualizzato con una barra di scorrimento o visualizzato il contenuto overflow.

La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nel script JavaScript.

Valore predefinito:visible
Applicabile a:Contenitore Block, inline-block e flex
Ereditarietà:No
Animabile:NoSi prega di consultare Proprietà animazione
Versione:CSS 2、3
Sintassi JavaScript:oggetto.style.overflow="scroll"

Sintassi dell'uso overflow

La sintassi di questa proprietà è la seguente:

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

Gli esempi seguenti illustrano come utilizzare la proprietà overflow.

  div {
   width: 400px;
   height: 300px;
   overflow: scroll;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
visibleIl contenuto non viene tagliato; viene visualizzato al di fuori del riquadro dell'elemento, quindi potrebbe sovrapporsi ad altri contenuti. Questo è il valore predefinito.
hiddenIl contenuto del riquadro overflow viene tagliato e il resto del contenuto non è visibile.
scrollIl contenuto overflow viene tagliato come se fosse nascosto, ma viene fornito un meccanismo di scorrimento per accedere al contenuto overflow.
autoSe il contenuto si sovrappone al riquadro dell'elemento, fornisce una barra di scorrimento per visualizzare il resto del contenuto.
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore della proprietà overflow del suo elemento padre.

Compatibilità del browser

Compatibilità del browser per la proprietà overflow. I numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leggi di più

Si prega di consultare la seguente guida:CSS Overflow

Proprietà correlate:overflow-xoverflow-yclipword-wrap