English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà overflow specifica cosa fare quando il contenuto overflow dell'elemento è tagliato, visualizzato con una barra di scorrimento o visualizzato il contenuto overflow.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di questa proprietà nel script JavaScript.
Valore predefinito: | visible |
---|---|
Applicabile a: | Contenitore Block, inline-block e flex |
Ereditarietà: | No |
Animabile: | NoSi prega di consultare Proprietà animazione。 |
Versione: | CSS 2、3 |
Sintassi JavaScript: | oggetto.style.overflow="scroll" |
La sintassi di questa proprietà è la seguente:
overflow: auto | hidden | scroll | visible | initial | inherit
Gli esempi seguenti illustrano come utilizzare la proprietà overflow.
div { width: 400px; height: 300px; overflow: scroll; }Prova a vedere‹/›
La tabella sottostante descrive i valori di questa proprietà.
Valore | Descrizione |
---|---|
visible | Il contenuto non viene tagliato; viene visualizzato al di fuori del riquadro dell'elemento, quindi potrebbe sovrapporsi ad altri contenuti. Questo è il valore predefinito. |
hidden | Il contenuto del riquadro overflow viene tagliato e il resto del contenuto non è visibile. |
scroll | Il contenuto overflow viene tagliato come se fosse nascosto, ma viene fornito un meccanismo di scorrimento per accedere al contenuto overflow. |
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 adotta il valore della proprietà overflow del suo elemento padre. |
Compatibilità del browser per la proprietà overflow. I numeri nella tabella rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Si prega di consultare la seguente guida:CSS Overflow。
Proprietà correlate:overflow-x,overflow-y,clip,word-wrap。