Proprietà CSS overflow-y

Definizione e uso

L'attributo overflow-y determina se tagliare i margini superiori/inferiori del contenuto - se il contenuto dell'elemento si sovraccarica.

Suggerimento:Utilizzo overflow-x Proprietà per determinare il taglio dei margini sinistri/destra.

Tutorial CSS:CSS Overflow

Manuale di riferimento HTML DOM:Proprietà overflowY

Esempio

Tagliare i margini sinistri/destra del contenuto dell'elemento div - se il contenuto dell'elemento si sovraccarica:

div
{
overflow-y:hidden;
}

Prova personalmente

Sintassi CSS

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

Valore dell'attributo

Valore Descrizione Test
visibile Non tagliare il contenuto, potrebbe essere visualizzato al di fuori della casella di contenuto. Test
hidden Tagliare il contenuto - Non fornire un meccanismo di scorrimento. Test
scroll Tagliare il contenuto - Fornire un meccanismo di scorrimento. Test
auto Se c'è un sovraccarico della casella, dovrebbe essere fornito un meccanismo di scorrimento. Test
no-display Se il contenuto non si adatta alla casella di contenuto, eliminare l'intera casella. Test
no-content Se il contenuto non si adatta alla casella di contenuto, nascondere l'intero contenuto. Test

Dettagli tecnici

Valore predefinito: visibile
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.overflowY="scroll"

Supporto del browser

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

I numeri con -ms- indicano la versione iniziale con prefisso.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5