Proprietà CSS overflow-x

Definizione e uso

L'attributo overflow-x determina se tagliare i margini sinistri/destra del contenuto - se il contenuto dell'elemento si sovraccarica.

Suggerimento:Utilizzo overflow-y Proprietà per determinare il taglio degli spigoli superiori/inferiori.

Guida CSS:CSS Overflow

Manuale di riferimento HTML DOM:Proprietà overflowX

Esempio

Tagliare i margini sinistri/destra del contenuto del div - se il contenuto dell'elemento si sovraccarica:

div
{
overflow-x:hidden;
}

Prova da solo

Sintassi CSS

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

Valore dell'attributo

Valore Descrizione Test
visibile Non tagliare il contenuto, potrebbe essere visualizzato al di fuori della casella di contenuto. Test
hidden Tagliare il contenuto - Non fornire un meccanismo di scorrimento. Test
scroll Tagliare il contenuto - Fornire un meccanismo di scorrimento. Test
auto Se c'è un sovraccarico della casella, deve essere fornito un meccanismo di scorrimento. Test
no-display Se il contenuto non si adatta alla casella di contenuto, eliminare l'intera casella. Test
no-content Se il contenuto non si adatta alla casella di contenuto, nascondere l'intero contenuto. Test

Dettagli tecnici

Valore predefinito: visibile
Ereditarietà: no
Versione: CSS3
Sintassi JavaScript: oggetto.style.overflowX="scroll"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

I numeri con -ms- indicano la versione iniziale che utilizza il prefisso.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 3.5 3.0 9.5