Style overflowXEigenschaft
Beispiele
Wenn der Text den Inhaltsbereich des Elements überläuft, ermöglichen Sie horizontales Scrollen:
document.getElementById("myDIV").style.overflowX="scroll";
Selbst ausprobieren »
Definition und Verwendung
Die Eigenschaft overflowX legt fest, ob die linken/rechten Ränder des Inhalts abgeschnitten werden - wenn der Inhalt den Inhaltsbereich des Elements überläuft.
Tipp:Bitte verwenden SieoverflowYdie Eigenschaft, um das Abschneiden der oberen/unteren Kanten zu bestimmen.
Browser-Unterstützung
![]()
Alle wichtigen Browser unterstützen die overflowX-Eigenschaft.
Hinweis:Die Eigenschaft overflowX funktioniert nicht in IE8 und früheren Versionen.
Syntax
Gibt die overflowX-Eigenschaft zurück:
object.style.overflowX
Legen Sie die overflowX-Eigenschaft fest:
object.style.overflowX="visible|hidden|scroll|auto|initial|inherit"
Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| visible | Inhalt wird nicht beschnitten, er kann außerhalb der Inhaltsbox angezeigt werden. |
| hidden | Inhalt wird beschnitten, und es wird kein Scrollmechanismus bereitgestellt. |
| scroll | Inhalt wird beschnitten, und ein Scrollmechanismus wird bereitgestellt. |
| auto | Wenn die Box überläuft, sollte ein Scrollmechanismus bereitgestellt werden. |
| initial | Setzt die Eigenschaft auf ihren Standardwert. Sieheinitial。 |
| inherit | Erbt die Eigenschaft von ihrem übergeordneten Element. Sieheinherit。 |
Technische Details
| Standardwert: | visible |
|---|---|
| Rückgabewert: | Ein String, der die overflow-x-Eigenschaft des Elements darstellt. |
| CSS-Version | CSS3 |
Ähnliche Artikel
CSS-Referenzhandbuch:overflow-x-Eigenschaft
Andere Erweiterungen
Style-Objekt