Gli ultimi tutorial di sviluppo web
 

Style overflow Property

<Stile di oggetto

Esempio

Utilizzare la proprietà overflow per scorrere i contenuti straripante:

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

Definizione e l'utilizzo

Gli insiemi di proprietà di overflow o ritorni che cosa fare con i contenuti che rende fuori dagli schemi elemento.

Tip: Se si desidera nascondere le barre di scorrimento dell'intero documento, utilizzare la proprietà overflow sul corpo o l'elemento HTML.


Supporto browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La proprietà overflow è supportata in tutti i principali browser.


Sintassi

Restituire la proprietà overflow:

object .style.overflow

Impostare la proprietà overflow:

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

I valori delle proprietà

Valore Descrizione
visible Il contenuto non viene tagliato e può essere mostrato fuori dagli schemi elemento. Questa è l'impostazione predefinita
hidden Contenuti fuori dagli schemi elemento non viene mostrato
scroll vengono aggiunte barre di scorrimento, e il contenuto è ritagliato quando necessario
auto Il contenuto è ritagliato e si aggiungono le barre di scorrimento in caso di necessità
initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale
inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà

Dettagli tecnici

Valore di default: visibile
Valore di ritorno: Una stringa, che rappresenta il contenuto che rende fuori area dell'elemento
CSS Version CSS2

Altri esempi

Esempio

Utilizzare la proprietà overflow per nascondere il contenuto straripante:

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

Esempio

Restituire la proprietà overflow:

alert(document.getElementById("myDiv").style.overflow);
Prova tu stesso "

Pagine correlate

CSS tutorial: posizionamento CSS

Di riferimento CSS: overflow property


<Stile di oggetto