English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo CSS overflow-y specifica cosa accade quando il contenuto supera i margini superiori e inferiori dell'area di contenuto dell'elemento: se tagliare il contenuto, visualizzare una barra di scorrimento o mostrare il contenuto overflow.
La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo della proprietà nel linguaggio JavaScript.
| Valore predefinito: | visible |
|---|---|
| Applicabile a: | Contenitore block, inline-block e flex |
| Ereditarietà: | No |
| Animabile: | No.Si prega di consultare Proprietà animazione. |
| Versione: | Nuova funzionalità del CSS3 |
| Sintassi JavaScript: | oggetto.style.overflowY="scroll" |
La sintassi di questa proprietà è la seguente:
overflow-y: visible | hidden | scroll | auto | initial | inherit
L'esempio seguente dimostra come utilizzare la proprietà overflow-y.
div {
width: 400px;
height: 300px;
overflow-x: scroll;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| visible | Il contenuto non viene tagliato; viene tracciato al di fuori del riquadro dell'elemento, quindi potrebbe sovrapporsi ad altri contenuti. Questo è il valore predefinito. |
| hidden | Il contenuto del riquadro dell'elemento overflow viene tagliato, e il resto del contenuto non è visibile. |
| scroll | Il contenuto in sovrapposizione viene tagliato, ma viene fornito un meccanismo di scorrimento per accedere al contenuto in sovrapposizione. |
| auto | Se il contenuto si sovrappone al riquadro dell'elemento, fornisce una barra di scorrimento per visualizzare il resto del contenuto. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato assume il valore della proprietà overflow-y dell'elemento genitore. |
Compatibilità dei browser per la proprietà overflow-y, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano questa proprietà overflow-y. IE8 supporta questa proprietà, ma è necessario l'uso del prefisso specifico di Microsoft -ms- (ad esempio -ms-overflow-y). Supportato in IE9 e versioni successive.
Si prega di consultare la seguente guida:CSS Overflow.
Proprietà correlate:overflow,overflow-x,clip,word-wrap.