Exemplu
Derulați orizontal, în cazul în care textul deversează zona conținutului elementului:
document.getElementById("myDIV").style.overflowX = "scroll";
Încearcă - l singur » Definiție și utilizare
Proprietatea overflowX specifică ce să facă cu marginile stânga / dreapta ale conținutului - în cazul în care deversează zona de conținut elementului.
Tip: Utilizați overflowY proprietatea pentru a determina tăierea la marginile de sus și de jos.
Suport pentru browser-
Proprietatea overflowX este susținută în toate browserele importante.
Note: Proprietatea overflowX nu funcționează corect în IE8 și mai devreme.
Sintaxă
Întoarcere proprietatea overflowX:
object .style.overflowX
Setați proprietatea overflowX:
object .style.overflowX="visible|hidden|scroll|auto|initial|inherit"
Valori de proprietate
Valoare | Descriere |
---|---|
visible | Conținutul nu se tunde, și poate fi redat în afara cutiei de conținut |
hidden | Conținutul se tunde - și este prevăzut un mecanism de derulare |
scroll | Conținutul se tunde și este prevăzut un mecanism de derulare |
auto | Ar trebui să determine un mecanism de derulare să fie furnizate pentru debordant cutii |
initial | Setează această proprietate la valoarea implicită. Citiți despre inițială |
inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Detalii tehnice
Valoare implicită: | vizibil |
---|---|
Întoarcere Valoare: | Un șir, reprezentând overflow-x proprietatea unui element |
CSS Versiune | CSS3 |
Pagini similare
Referință CSS: overflow-x property
<Style Object