Beispiel
Blättern Sie horizontal, wenn der Text des Elements Inhaltsbereich überläuft:
document.getElementById("myDIV").style.overflowX = "scroll";
Versuch es selber " Definition und Verwendung
Die overflowX Eigenschaft gibt an, was mit der linken / rechten Rändern des Inhalts zu tun - wenn sie den Inhalt des Elements Bereich überläuft.
Tip: Verwenden Sie die overflowY Eigenschaft zu bestimmen , an den oberen und unteren Kanten Clipping.
Browser-Unterstützung
Die overflowX Eigenschaft ist in allen wichtigen Browsern unterstützt.
Note: Die overflowX Eigenschaft nicht richtig in IE8 funktioniert und früher.
Syntax
Bringen Sie die overflowX Eigenschaft:
object .style.overflowX
Stellen Sie die overflowX Eigenschaft:
object .style.overflowX="visible|hidden|scroll|auto|initial|inherit"
Eigenschaftswerte
Wert | Beschreibung |
---|---|
visible | Der Inhalt wird nicht abgeschnitten, und es kann außerhalb der Content-Box gemacht werden |
hidden | Der Inhalt wird abgeschnitten - und kein Scroll-Mechanismus vorgesehen, |
scroll | Der Inhalt wird abgeschnitten und ein Scroll-Mechanismus vorgesehen ist, |
auto | Sollte verursacht einen Scroll-Mechanismus für überquell Boxen zur Verfügung gestellt werden |
initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang |
inherit | Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben |
Technische Details
Standardwert: | sichtbar |
---|---|
Rückgabewert: | Ein String, die die Überlauf-x Eigenschaft eines Elements |
CSS Version | CSS3 |
Verwandte Seiten
CSS - Referenz: overflow-x property - overflow-x property
<Style - Objekt