CSS overflow Eigenschaft
- Vorherige Seite outline-width
- Nächste Seite overflow-anchor
Definition und Verwendung
overflow Diese Eigenschaft legt fest, was passiert, wenn der Inhalt des Elements den Rahmen übersteigt.
Beschreibung
Diese Eigenschaft definiert, wie der Inhalt des Überlauf-Elements behandelt wird. Wenn der Wert auf 'scroll' gesetzt ist, stellt der Benutzeragent immer ein Scrollmechanismus bereit, egal ob er erforderlich ist. Daher kann es sein, dass ein Scrollbalken angezeigt wird, selbst wenn alle Inhalte im Element passen.
Weitere Informationen:
CSS-Tutorial:CSS-Positionierung
HTML DOM Referenzhandbuch:Eigenschaft overflow
Beispiel
Einstellen der Eigenschaft overflow:
div
{
width:150px;
height:150px;
overflow:scroll;
}
CSS-Syntax
overflow: visible|hidden|clip|scroll|auto|initial|inherit;
Attributwert
| Wert | Beschreibung |
|---|---|
| sichtbar | Standardwert. Der Inhalt wird nicht beschnitten und außerhalb des Elements angezeigt. |
| hidden | Der Inhalt wird beschnitten, und der Rest des Inhalts ist unsichtbar. |
| scroll | Der Inhalt wird beschnitten, aber der Browser zeigt einen Scrollbalken an, um den Rest des Inhalts anzuzeigen. |
| auto | Wenn der Inhalt beschnitten wird, zeigt der Browser einen Scrollbalken an, um den Rest des Inhalts anzuzeigen. |
| inherit | Legt fest, dass der Wert der Eigenschaft overflow von dem übergeordneten Element geerbt werden soll. |
Technische Details
| Standardwert: | sichtbar |
|---|---|
| Vererbbarkeit: | nein |
| Version: | CSS2 |
| JavaScript-Syntax: | object.style.overflow="scroll" |
Mehr Beispiele
- Wie man mit dem Scrollbalken den Inhalt anzeigt, der im Element überläuft
- Dieses Beispiel zeigt, wie man die Eigenschaft overflow einstellt, um die entsprechenden Aktionen zu regeln, wenn der Inhalt des Elements zu groß ist und den festgelegten Bereich übersteigt.
- Wie man den Inhalt verbergen kann, der im Überlauf des Überlauf-Elements vorhanden ist
- Dieses Beispiel zeigt, wie man die Eigenschaft overflow einstellt, um den Inhalt zu verbergen, wenn der Inhalt im Element zu groß ist, um in das angegebene Bereich zu passen.
- Wie man den Browser einstellt, um automatisch Überläufe zu verarbeiten
- Dieses Beispiel zeigt, wie man den Browser einstellt, um automatisch Überläufe zu verarbeiten.
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- Vorherige Seite outline-width
- Nächste Seite overflow-anchor
