Beispiel
Clip mit der linken / rechten Rand der Inhalt innerhalb des <div> Element - wenn es den Inhalt des Elements Bereich überläuft:
div
{
overflow-x: hidden;
}
Versuch es selber " Definition und Verwendung
Der Überlauf-x-Eigenschaft gibt an, was mit der linken / rechten Kanten des Inhalts zu tun - wenn sie den Inhalt des Elements Bereich überläuft.
Tip: Verwenden Sie die Überlauf-y - Eigenschaft zu bestimmen , an den oberen und unteren Kanten Clipping.
| Standardwert: | visible |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.overflowX="scroll" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
Zahlen, gefolgt von -MS-, geben Sie die erste Version, die mit einem Präfix gearbeitet.
| Eigentum | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8.0 -MS- | 3.5 | 3.0 | 9.5 |
CSS-Syntax
overflow-x: visible|hidden|scroll|auto|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| visible | Der Inhalt wird nicht abgeschnitten, und es kann außerhalb des Content-Box gemacht werden | Spiel es " |
| hidden | Der Inhalt wird abgeschnitten - und kein Scroll-Mechanismus vorgesehen ist, | Spiel es " |
| scroll | Der Inhalt wird abgeschnitten und ein Scroll-Mechanismus vorgesehen ist, | Spiel es " |
| auto | Sollte verursachen eine Scroll-Mechanismus für überquell Boxen zur Verfügung gestellt werden | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
HTML - DOM - Referenz: overflowX property