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
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