Proprietà di overflow dello stile
Esempio
Utilizzare la proprietà overflow per scorrere il contenuto in overflow:
document.getElementById("myDIV").style.overflow = "scroll";
Definizione e utilizzo
La proprietà di overflow imposta o restituisce cosa fare con il contenuto che viene visualizzato all'esterno della casella dell'elemento.
Suggerimento: se desideri nascondere le barre di scorrimento dell'intero documento, utilizza la proprietà overflow sul corpo o sull'elemento html.
Supporto browser
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà di overflow:
object.style.overflow
Imposta la proprietà di overflow:
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | visibile |
---|---|
Valore di ritorno: | Una stringa, che rappresenta il contenuto che esegue il rendering all'esterno della casella dell'elemento |
Versione CSS | CSS2 |
Altri esempi
Esempio
Usa la proprietà di overflow per nascondere il contenuto in overflow:
document.getElementById("myDiv").style.overflow = "hidden";
Esempio
Restituisce la proprietà di overflow:
alert(document.getElementById("myDiv").style.overflow);
Pagine correlate
Tutorial CSS: CSS Overflow
Tutorial CSS: Posizionamento CSS
Riferimento CSS: proprietà overflow
❮ Oggetto stile