Proprietà overflow dello stile

Definizione e uso

overflow Come impostare o restituire la gestione del contenuto visualizzato al di fuori della scatola dell'elemento.

Suggerimento：Per nascondere la barra di scorrimento dell'intero documento, usa l'attributo overflow degli elementi body o html.

Vedi anche：

Corso CSS：Overflow CSS

Corso CSS：Posizionamento CSS

Manuale CSS：Proprietà overflow

Esempio

Esempio 1

Usa la proprietà overflow per far scorrere il contenuto overflow:

document.getElementById("myDIV").style.overflow = "scroll";

Prova tu stesso

Esempio 2

Usa la proprietà overflow per nascondere il contenuto overflow:

document.getElementById("myDiv").style.overflow = "hidden";

Prova tu stesso

Esempio 3

Restituisce la proprietà overflow：

alert(document.getElementById("myDiv").style.overflow);

Prova tu stesso

Sintassi

Restituisce la proprietà overflow：

oggetto.style.overflow

Imposta la proprietà overflow：

oggetto.style.overflow = "visible|hidden|scroll|auto|initial|inherit"

Valore dell'attributo

Valore Descrizione
visible Il contenuto non viene tagliato e potrebbe apparire al di fuori della scatola dell'elemento. Predefinito.
hidden Non visualizzare il contenuto al di fuori della scatola dell'elemento.
scroll Aggiungi una barra di scorrimento e riduci il contenuto necessariamente.
auto Taglia il contenuto necessariamente e aggiungi una barra di scorrimento.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial。
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit。

Dettagli tecnici

Valore predefinito： visible
Valore di ritorno： Stringa che rappresenta il contenuto visualizzato al di fuori della scatola dell'elemento.
Versione CSS： CSS2

Supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto