Beispiel
Stellen Sie die Überlauf-Eigenschaft zu blättern:
div
{
width: 150px;
height: 150px;
overflow: scroll;
}
Versuch es selber " Definition und Verwendung
Der Überlauf-Eigenschaft gibt an, was passiert, wenn der Inhalt eines Elements Box überläuft.
| Standardwert: | visible |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.overflow="scroll" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS-Syntax
overflow: visible|hidden|scroll|auto|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| visible | Der Überlauf wird nicht abgeschnitten. Es macht außerhalb der Box des Elements. Dies ist die Standardeinstellung | Spiel es " |
| hidden | Der Überlauf wird abgeschnitten und der Rest des Inhalts wird unsichtbar | Spiel es " |
| scroll | Der Überlauf wird abgeschnitten, aber ein Scroll-Balken hinzugefügt, um den Rest des Inhalts zu sehen | Spiel es " |
| auto | Wenn Überlauf abgeschnitten wird, sollte ein Scroll-Balken werden hinzugefügt, um den Rest des Inhalts zu sehen | 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
CSS Tutorial: CSS - Positionierung
HTML - DOM - Referenz: overflow property - overflow property