Manuale di riferimento CSS

Regole CSS (RULES)

Completo elenco delle proprietà CSS

Proprietà overflow-y CSS3 Proprietà overflow del CSS

Metodo di utilizzo e esempio dell'attributo CSS3 overflow-x

L'attributo CSS overflow-x specifica cosa accade quando il contenuto supera i margini laterali dell'area di contenuto dell'elemento: se viene tagliato il contenuto, se viene visualizzata una barra di scorrimento o se viene mostrato il contenuto in eccesso.

La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo di questa proprietà nei script 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:	object.style.overflowX="scroll"

Sintassi dell'uso di overflow-x

La sintassi di questa proprietà è la seguente:

overflow-x:　visible　|　hidden　|　scroll　|　auto　|　initial　|　inherit

Gli esempi seguenti illustrano come utilizzare la proprietà overflow-x.

Esempio

　　div　{
　　　width:　400px;
　　　height:　300px;
　　　overflow-x:　scroll;
　　}

Prova a vedere‹/›

Valore dell'attributo

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 come se fosse nascosto, ma viene fornito un meccanismo di scorrimento per accedere al contenuto in sovrapposizione.
auto	Se il contenuto supera il 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 utilizza il valore della proprietà overflow-x del suo elemento padre.

Compatibilità del browser

Compatibilità dei browser per la proprietà overflow-x. I numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.

	Firefox 1.5 e versioni successive Google Chrome 1+ Internet Explorer 9+ Apple Safari 3+ Opera 9.5+

Attenzione: Internet Explorer 7 e versioni precedenti non supportano questa proprietà overflow-x. IE8 supporta questa proprietà, ma richiede un prefisso Microsoft specifico
Prefisso -ms- (ad esempio -ms-overflow-x). Supportato in Internet Explorer 9 e versioni successive.

Leggi di più

Si prega di consultare la seguente guida:CSS Overflow.

Proprietà correlate:overflow,overflow-y,clip,word-wrap.

Proprietà overflow-y CSS3 Proprietà overflow del CSS